工作中的elelemtn的一些小诀窍以及vue中的一些小问题

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]数字不要加引号


 

发布了54 篇原创文章 · 获赞 14 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/weixin_41615439/article/details/104014937