【工作筆記之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框的關閉按鈕觸發的操作
                            })

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