dingwen

文章目录在el-form-item单个添加验证在表单上加多个验证基础验证自定义验证在el-form-item单个添加验证做法：需要在el-form-item标签中加入 :rules=’'直接是验证的条件 ‘’<el-form-item label="用户名" :prop="userName" :rules="[{ required: true, message: '请输入用户名', trigger: 'blur' }]"> <el-input v-model="user

文章目录1.场景2.使用2.1 `this.$set()`2.2 `Vue.set()`1.场景当生成Vue实例之后，再次给数据赋值或者新增数据对象属性时，数据可以正常改变，但是视图不会更新。data () { return { student: { name: '', sex: '' } }}mounted () { // ——钩子函数，实例挂载之后 this.student.age = 24}// 数据能够正常更新 但是不会触发视

文章目录1. 需求描述2. 解决1. 需求描述由父组件传递参数至子组件，子组件携带参数进行网络请求，处理业务。业务处理完毕，子组件成功事件触发父组件关闭弹窗。2. 解决使用props传递参数，并监听改变。参数发生改变时重新请求刷新子组件，使用emit修改父组件关闭弹窗。<!--在父组件中使用子组件传递参数--><flow-chart <!--参数传递--> :process-params="processPa

文章目录1. 多层嵌套dialog遮罩1.1 描述1.2 解决（子dialog中）2. 鼠标移除dialog点击不关闭1. 多层嵌套dialog遮罩1.1 描述当有多层dialog嵌套时，弹出新层dialog会出现灰色遮罩的问题。1.2 解决（子dialog中）<el-dialog append-to-body>　　<div>内容</div></el-dialog>2. 鼠标移除dialog点击不关闭<el-dialog :vi

文章目录1. 准备js1.1 `dialog-drag.js`1.2 `index.js`2. `main.js`引用自定义指令3. 使用1. 准备js1.1 dialog-drag.jsimport Vue from 'vue'/** 使用方法* 将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。* 给dialog设置 :close-