vue父组件更新值后子组件不更新的问题

需求是这样的，子组件是一个input，父组件调用子组件填写信息提交后，要清空input填写的值，在父组件中直接置空起不到作用然后用到了this.$refs 给子组件设置ref 然后this.$refs.名字.子组件方法() 直接调用子组件方法进行清空子组件代码：父组件代码：...

张大臀

5515人浏览 · 2020-04-15 15:11:06

张大臀 · 2020-04-15 15:11:06 发布

需求是这样的，子组件是一个input，父组件调用子组件填写信息提交后，要清空input填写的值，在父组件中直接置空起不到作用

然后用到了this.$refs 给子组件设置ref 然后this.$refs.名字.子组件方法() 直接调用子组件方法进行清空

子组件代码：

父组件代码：

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}$/, //不连续的两位字母// /^