1.表单验证可以同时实现blur,change(触发方式,blur失去焦点,change数据改变)
{
required: true,
message: "嘻嘻嘻嘻嘻",
trigger: ["blur",'change']
}
2.动态配置校验( :rules="itemforms.isMustFill === '1'? powerGridFormRules[itemforms.attributeValue] : powerGridFormRules.rules2")一定是写在<el-form-item>标签中
<el-form-item
v-for="itemforms in item.data"
:key="itemforms.attributeName"
:label="itemforms.attributeName"
:prop="itemforms.attributeValue"
class="items"
:rules="itemforms.isMustFill === '1'? powerGridFormRules[itemforms.attributeValue] : powerGridFormRules.rules2"
>
</el-form-item>
3.vue中自定义事件函数的回调参数
父子组件中,子组件一般是通过$emit(自定义事件名称,数据)的形式来将数据传给父组件
父组件通过回调函数处理子组件传过来的数据
例如:
子组件内:
this.$emit(change,data)
父组件内
<json-editor @change="onSetting" ></json-editor>
在父组件的方法内写:
onSetting:function (data){
//处理子组件传来的数据
}
可是如果我们想在回调函数传其他的参数值怎么传呢?
有一个方法就是:
<json-editor @change="onSetting(arg,arguments)"></json-editor>
这样子组件传来的参数值可以通过arguments这个数组读取,多余的参数则按照一般的方式传值即可:
onSetting:function (arg,data){
里面的arg是一般的传值,
data[0]里面是子组件传过来的数据
}
4.el-collapse-item是动态创建的 el-collapse 用v-model绑定展开组件的下标不起作用,应该如何解决?
v-model="activeNames"
activeNames: [0,1,2]数字不要加引号