【工作笔记之element及vue的问题解决记录】

1.思路:vue中的父子组件传值,可以实现父组件的按钮触发某个子组件的显示(比如:表单)

2. 在vue中导入js文件,并要使用里面的函数:
首先引入在js文件:import {A} from 'url'
然后在js文件中导出你要使用的函数A(如果A是主函数,B,C,D函数都被A调用),那么直接在js文件的最下面,函数外导出:export {A}

然后在vue中使用A(param1,param2)即可

3.elementui中自定义表单验证,想要加除了正则以外的,比如某个方法返回的boolean值来确定是否报红框提示,可以利用validator属性
如:
rules:{
                   account:[
                        {  validator: (rule,value,callback) => {this.myFunction(rule,value,callback)}, trigger: 'change' },
                        { required: true, trigger: 'change' }
                    ]}

methods:{
myFunction(rule,value,callback){
if(true){
    callback(new Error());  //这样回调new error就是报红框显示
}else{ 
    callback();
}
}
}

4.在element的自定义表单验证中,如果没有可编辑表格里的,那么表单中的prop="name"要与这个表单v-model里绑定的字段名字要保持一致,否则表单校验获取不到value值

5.element的confim框可以回调,确认和取消 :比如这样:
    v.$confirm(msg1,'warnint msg', {
                                confirmButtonText:.'确认按钮显示文本',
                                cancelButtonText:'确认按钮显示文本',
                                type: 'warning'
                            }).then(action => {
                                if(action === 'confirm'){
                                    //点击确认按钮之后回调执行的操作
                                 
                                }
                            }).catch(err =>{
            // 点击取消或者confirm框的关闭按钮触发的操作
                            })

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章