fdadfas的博客

先要用npm安装：npm install element-china-area-data -S再到页面导入:import { regionData } from 'element-china-area-data'导入之后在生命周期函数mounted里面把它赋值给选择器绑定的数据详细步骤在前面的文章里面讲了渲染效果...

element文档上面对于这些功能是有介绍的，但是文档写的不是很清楚，而且是多个例子，没有进行整合，这是我使用后的一个例子。我这里的需求是可以选择每一级，，并且只显示选择的哪一级数据。props是级联选择器的配置项checkStrictly为true的情况下可以遵守父子节点不互相关联，可以选择任意一级expandTrigger是控制次级菜单的展开方式children是指定选项的子选项为选项对象的某个属性值这样配置好之后，虽然展示的值是单个的，但是绑定的值还是一个拥有全部路径的数组，假如想得到

el-form 有自带的表单验证方法 在el-form标签上面加上:rules在data里面配置验证规则就行有时候需求需要重置表单验证 使用 this.$refs['ruleForm'].clearValidate()，clearValidate清除表单的验证

el-input 输入框官方没有做这个功能 把type设定为"number"，也行但是有很多bug，所以还是自己安装需求实现一个比较好用使用原生的oninput方法 借住正则表达式和replace方法实现```javascript

饿了吗ui的文档上面的删除只给了一个方法，没有具体的操作。百度上的有些方法是只能删除全部图片```javascript//获取上传组件的ref删掉他的全部数据this.$refs.upload.clearFiles()```但是后面发现这样写不行，对用户太不友好了所以后面又用这一种写法实现了指定删除```javascript let arr = this.$refs.upload.uploadFiles```使用ref的uploadFiles 获取当前组件中的图片数据```ja