vue项目常见问题一--------------获取不到子组件的值以及解决方法

1.在父组件打印this.$refs子组件的值，然后报错undefined!在页面加载完成打印第二个子组件，报错，因为第二部分没有加载所以写的时候加个判断控制，赋值的时候也加上条件控制，就不会报错了下图参考然后tab切换的时候v-if的值对应改变。...

布朗狗熊

3548人浏览 · 2020-06-19 16:38:21

布朗狗熊 · 2020-06-19 16:38:21 发布

1.在父组件打印this.$refs子组件的值，然后报错undefined!
在页面加载完成打印第二个子组件，报错，因为第二部分没有加载
所以写的时候加个判断控制，赋值的时候也加上条件控制，就不会报错了
下图参考
在这里插入图片描述
然后tab切换的时候v-if的值对应改变。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^