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框的关闭按钮触发的操作
})