【笔记】vue3.x watch监听props中的数据

在使用watch监听props中的数据时，发现捕获不到值的变化我们直接上正确使用的代码。props: {target: {type: String,default: ''}},setup(props) {watch(() => props.target,(newVal, oldVal) => {// 逻辑代码})}...

惘远

6217人浏览 · 2021-08-13 15:30:29

惘远 · 2021-08-13 15:30:29 发布

在使用watch监听props中的数据时，发现捕获不到值的变化

我们直接上正确使用的代码。

props: {
  target: {
    type: String,
    default: ''
  }
},
setup(props) {
 watch(
   () => props.target,
   (newVal, oldVal) => {
     // 逻辑代码
   }
 )
}

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