Element-UI踩坑

Element-UI踩坑

• 每次踩的坑解决了都会记录在里面

Message弹框系列

• Message引入要挂载在Vue实例
• MessageBox挂载

form系列

• resetFields重置表单内容依旧有，注意是否数据绑定
• 级联选择框的表单验证

cascader系列

• CascaderPanel Methods中clearCheckedNodes清空选中节点方法未定义

其他

• 堆栈溢出

Message弹框系列

• Message引入要挂载在Vue实例
  
  
• MessageBox挂载
  挂载：
  

form系列

• resetFields重置表单内容依旧有，注意是否数据绑定
  • 如果已经将数据绑定了，那么restFields()只会清除表单的规则而不会清空内容。

• 级联选择框的表单验证

  参考文章 ---- 参考文章

  • 这里需要注意的是rules对象以及触发事件一定要写正确, type类型要用数组，tirgger属性用change事件。可查阅el-elment ui官方实例

{ type: 'array', required: true, message: '请选择市县区', trigger: 'change' }

cascader系列

• clearCheckedNodes清空选中节点方法未定

  • 解决方案:点击传送门

  • this.$refs.ref自定义名.$refs.panel.clearCheckedNodes(); //清空选中的节点
    this.$refs.ref自定义名.$refs.panel.activePath = []; //设置为空可以让节点不高亮显示
    

其他

• 堆栈溢出
• 当出现堆栈溢出, 第一时间检查自己的vue文件内部是否有组件名与id名同名！一般都是这个原因