随笔分类 - Vue2
摘要：1. 每次打开弹框，清空form表单的值并且清除验证时额错误信息解决方法：（1）<el-form @closed="handleClose"></form>（2）handleClose() { this.form = {}; this.dialogVisible = false; this.$nex
阅读全文
摘要：场景：table列表中点击添加和编辑按钮都会去到同一个页面。添加时，title为 “添加xxx”；修改时，title为“修改xxx”。 接手了别人的项目，他们的解决方法是重写一个路由，updatexxxx/:id，项目小还行。如果遇到大的项目，那得写多少行啊。况且写这段代码也没用 ！！ 第一个想法就
阅读全文
摘要：如果给 el-select 标签加上 multiple 属性，则定义的 v-model 值的类型是数组，即使 v-model 数据的类型 和 列表中某个字段的数据类型一致（也就是可以匹配上），这种情况下，下拉列表也回显不了数据。eg:<el-select v-model="val" filterab
阅读全文
摘要：vue2的路由书写方式和vue3的写法不一致 报错信息如下： 解决方法：npm install vue-router@next --save
阅读全文
摘要：解决方式如下: 将auto-upload设置成false,用on-change来操作<el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :on-preview="handlePreview" :on-remo
阅读全文
摘要：配置完dataAnalysis时，浏览器定位到dataAnalysis，就一直报错，还以为是代码的问题，报错信息如下：换了一种路由加载的方式， const dataAnalysis = () => import('@/components/main/dataAnalysis')，路由调通了。参考链接
阅读全文
摘要：就拿elementui组件中el-upload来说吧，我想上传图片，上传之前要做一些限制。 handleAvatarSuccess(res, file) { alert("success") this.imageUrl = URL.createObjectURL(file.raw); }, befo
阅读全文
摘要：将vue.config.js文件中的 lintOnSave设置为false即可。 lintOnSave: false
阅读全文
摘要：有一个需求是要给el-tree组件中的节点后面添加一个从后台获取的数据。代码如下： <el-col :span="6"> <el-tree class="treeitems" :data="depts" node-key="code" :props="defaultProps" :highlight
阅读全文
摘要：1.安装cropper.js npm install cropper2.在vue项目的页面中引入 import Cropper from "cropperjs"; import "./image-editor/cropper.min.css"; //需要自己找3.html页面<div class="
阅读全文
