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. 准备js 1.1 dialog-drag.js import Vue from 'vue' /* * 使用方法 * 将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可； * 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。 * 给dialog设置 :close-