vue 父组件props传值子组件时的更新问题

问题描述：父组件通过props的形式传值到子组件，子组件获取的数值可以更新，但视图不更新解决方法：方法1.在子组件中监听此prop属性，并在nexttick中调用更新方法，子组件中如下图监听prop对象originData,update方法为子组件自己的更新方法，如引入的时vue则无需注解形式，直接监听即可方法2.可以考虑计算属性，同事也有同样问题，计算解决，区别点在，计算属性时需单独定义计算属性

东方孤独

3378人浏览 · 2020-12-08 17:45:37

东方孤独 · 2020-12-08 17:45:37 发布

问题描述：
父组件通过props的形式传值到子组件，子组件获取的数值可以更新，但视图不更新

解决方法：
方法1.在子组件中监听此prop属性，并在nexttick中调用更新方法，子组件中如下图监听prop对象originData,update方法为子组件自己的更新方法，如引入的时vue则无需注解形式，直接监听即可
在这里插入图片描述
方法2.可以考虑计算属性，同事也有同样问题，计算解决，区别点在，计算属性时需单独定义计算属性，而且计算属性需要定义get与set方法，容易造成误解，此处待更新完善

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