vue 监控数组内数据变化

在vue 的页面中，data 是渲染表格的一个数据，如何去监听或者用watch去侦查data发生了变化？如果只是监听数组列表项的增减，直接对数组进行监听就好了watch:{data (newVal,oldVal) {}}如果是要对数组列表项的内容是否发生改变做监听，需要加上一个deep:truedata: {handler(newVal, oldVal)...

努力，加油，奋斗

14380人浏览 · 2019-06-21 16:41:17

努力，加油，奋斗 · 2019-06-21 16:41:17 发布

在vue 的页面中，data 是渲染表格的一个数据，如何去监听或者用watch去侦查data发生了变化？

如果只是监听数组列表项的增减，直接对数组进行监听就好了

watch:{
  data (newVal,oldVal) {
    
  }
}

如果是要对数组列表项的内容是否发生改变做监听，需要加上一个deep:true

data: {
    handler(newVal, oldVal) {
        console.log('深度监听', newVal, oldVal)
    },
    deep: true
}

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