草庐IT

Vue-Instant

全部标签

vue+element ui 实现文件上传下载

1.上传html代码:选取文件支持上传".jpg,.gif,.png,.jpeg,.txt,.pdf,.doc,.docx,.xls,.xlsx"文件,最多上传10个2.api中需要携带的数据//文件上传apiexportconstupload=(data,date,userNumber)=>axios.post(`/file/upload?date=${date}&userNumber=${userNumber}`,data,{headers:{'Content-Type':'multipart/form-data',token:window.localStorage.getItem('to

[Vue]解决npm run dev报错node:internal/modules/cjs/loader:1031 throw err;

解决:有2中方法,建议先尝试第一种,不行再第二种第一种:重新安装依赖环境删除项目的node_modules文件夹,重新执行#安装依赖环境npminstall#运行npmrundev我只用了第一种方法就可以了,第二种方法从别的博主那看到的,我就先写上。 第二种:降低webpack的版本查看package.json中webpack的相关版本#卸载当前版本npmuninstallwebpack-dev-servernpmuninstallwebpack#安装低版本npminstallwebpack@3.6.0--save-devnpminstallwebpack-dev-server@2.9.1--

vue实现弹出框内嵌页面展示,添加tab切换展示实时加载

最近做业务的时候,发现产品的原型图上有一个弹出框,上面包含了两个窗口要进行切换。每个窗口都有分页列表展示、搜索、添加和删除,感觉就是两个完整的页面,如果全写在一个页面会很麻烦,还可能会出现一系列的问题,后期改起来比较麻烦,所以我就准备分开来写这个窗口,先写两个页面,最后看能不能嵌入到弹出框里。这里插入一下vue的页面跳转方法,点击按钮直接跳转到另一个页面,这样可以先调整单个页面的样式和功能。el-table-columnlabel="字典类型"align="center":show-overflow-tooltip="true">templateslot-scope="scope">route

vue跳转页面的几种常用方法

目录vue跳转不同页面的方法1.router-link跳转2.this.$router.push()3.a标签可以跳转外部链接,不能路由跳转vue三种不同方式实现跳转页面Vue:router-linkthis.$router.push("/")this.$router.go(1)代码示例:vue跳转不同页面的方法1.router-link跳转 点击跳转2  点击跳转1  点击跳转32.this.$router.push()  点击跳转4  newVue({ el:'#app', methods:{ goTo(){ //直接跳转 this.$router.push('/testDemo'); /

tauri-vue:快速开发跨平台软件的架子,支持自定义头部UI拖拽移动和窗口阴影效果

Tauri+Vue+Typescript一个使用tauri+vue+ts开发跨平台软件的模板,支持窗口头部自定义UI和拖拽和窗口阴影,不用再自己做适配了,拿来即用,非常nice。而且已经封装好了tauri的http请求工具,省去很多弯路。开源地址:GitHub-Sjj1024/tauri-vue:一个使用tauri和vue开发跨平台软件的架子使用到的技术栈:tauri:必须要用到的vue:前端页面开发框架vue-router:路由页面跳转控制pinia:数据存储和共享element-plus:UI页面渲染sass:样式编程node:v16.18.0本地开发依赖页面预览:登陆页和主页本地开发配置

基于Java+SpringBoot+Vue前后端分离景区民宿预约系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​ 系统介绍:传统办法管理信息首先需要花费的时间比较多,其次数据出错率比较高,而且对错误的数据进行更改也比较困难,最后,检索数据费事费力。因此,在计算机上安装景区民宿预约系统软件来发挥

ant-design-vue在ios使用AUpload组件唤起了相机,HTML的 `capture` 属性

在使用antdesignvue组件的上传组件AUpload的时候有一个问题,直接按照demo写,在ios上会唤起相机,但是实际上我们的需求是弹出选择相册/相机这个弹框。解决办法是加一个 cupture="null"这个属性即可 点击上传HTMLattribute:capture-HTML:HyperTextMarkupLanguage|MDNThecaptureattributespecifiesthat,optionally,anewfileshouldbecaptured,andwhichdeviceshouldbeusedtocapturethatnewmediaofatypedefin

Nuxt+Vue3+TS+Vite入门教程

介绍什么是Nuxt3Nuxt3是一个基于Vue.js的应用框架,它提供了一些默认的配置和约定,使得开发者可以更快速地构建出高质量的Vue.js应用程序。Nuxt3是Nuxt.js的下一代版本,它采用了全新的架构和设计,提供了更好的性能和可扩展性。Nuxt3的优势1、更快的启动和渲染速度2、更好的性能和可扩展性3、更灵活的配置和插件系统4、更好的开发体验和文档支持Nuxt3的生态Nuxt3的生态非常丰富,包括了许多插件、模块、组件库、工具等等。可以在Nuxt3官方网站的生态页面(https://nuxt.com/modules)上找到相关的Nuxt3生态。安装安装Nuxt3在安装Nuxt3之前,

如何再vue项目中使用cdn(以使用天地图得cdn获取当前位置为例)

一、了解天地图http://lbs.tianditu.gov.cn/api/js4.0/examples.html在其中可以了解天地图的基本使用教程但其中的教程均为h5引入cdn的方式以h5定位为例来改成vue项目源码:天地图-地图API-范例-H5定位body,html{width:100%;height:100%;margin:0;font-family:"MicrosoftYaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}varmap;varzoom=12;functiononL

Node.js: express + MySQL + Vue实现图片上传

    前段时间用Node.js:express+MySQL+Vue+element组件做了一个小项目,记录一下图片上传的实现。    将图片存入数据库有两种方法:        1,将图片以二进制流的方式存入数据库(数据库搬家容易,比较安全,但数据库空间的消耗大,访问会比较缓慢)        2,将图片的存放地址存入数据库    主要介绍第二种。一,将图片以二进制流的方式存入数据库    将图片转成base64格式,数据类型使用MEDIUMTEXT类型。     或者将图片转为保存到数据库的Blob类型中。二,将图片的存放地址存入数据库中。1,编写接口url    会运用到一个中间件,Mu