vue 父组件调用子组件,子组件的表单添加校验
如上图所示,上图的内容打开弹框,弹框是父组件调用的子组件,点击下边的按钮,这时需要走校验,然后校验在子组件写,父组件调用子组件的方法就可以。在子组件上加上ref,然后在父组件通过this.$refs.headerChild调用子组件的方法。子组件的methods里边加一个validate()方法,在里边判断校验。...
·
如上图所示,上图的内容打开弹框,弹框是父组件调用的子组件,点击下边的按钮,这时需要走校验,然后校验在子组件写,父组件调用子组件的方法就可以
子组件的methods里边加一个validate()方法,在里边判断校验
methods: {
validate(){
let flag = null
this.$refs.tableFrom.validate((valid) => {
if (valid) {
flag = true
} else {
flag = false
}
});
return flag
},
},
在子组件上加上ref,然后在父组件通过this.$refs.headerChild调用子组件的方法
methods:{
submit(){
let flag = this.$refs.headerChild.validate()
if (!flag) {
return
}
//在这下边做接下来的处理
}
}
更多推荐
已为社区贡献7条内容
所有评论(0)