工作中遇到的问题

1. 传递额外参数
   @changepages=“getListData”
   @changepages=“val => getListData(val, item)”

2. el-select 可以输入不匹配的值
   // 失去焦点时触发
   listBlur(val) {
   this.val = val.target.value
   }

3. el-form 在自增 自减 表单项时 会出现表单校验异常
   为每个 el-form-item 指定 key 属性 Date.now()

4. el-scrollbar 滚动条

<el-scrollbar>
  <p v-for="item in 30" :key="item">{{ item }}</p>
</el-scrollbar>

<style scoped>
.el-scrollbar {
  border: 1px solid #ddd;
  height: 200px;
}
.el-scrollbar ::v-deep  .el-scrollbar__wrap {
    overflow-y: scroll;
    overflow-x: hidden;
}
</style>

5. el-form 只校验表单其中一个字段
   this.$refs.form.validateField(‘name’, valid => {
   if (valid) { }
   })

6. Dialog 关闭事件
   close 事件 无论点击取消、确认 都会触发 Dialog 的 close 事件
   而 :before-close 可以单独获取×图标触发的关闭事件