vue.js - Vue 用v-model后怎么用watch监听数据并修改数据类型。

问题描述

问 题

export defalut {
  data () {
    submit: {
      a: 'xx',
      b: 'xx',
      c: [{
        d:{
          z: 'cc',
          x: 'xx',
          z: 'vv'
        },
        f: {}
        e: {}
      }]
    }
  }
}

现在我要监听d这类对象中的z属性的val的变化，然后需要把z的val转成数组类型，页面中输入的是字符串，用逗号隔开几个值。但是现在的难点是在c这个对象中，d,e,f这几个对象都是页面动态生成的，我用v-model绑定后，需要用watch来监听d，但是不知道怎么写了，用深度watch的时候因为会赋值，从而导致无限循环。所以有没有什么好办法在页面输入字符串的时候，让z这类对象输出数组类型的值。

感觉自己有点蠢了，还不如最后提交的时候直接修改每个d中的z的数据类型0.0

解决方案

computed

computed: {
    formatZ: function() {
        return '' // 在这里对z做处理,之后可以使用 this.formatZ获取处理过后的z
    }
}

这篇关于vue.js - Vue 用v-model后怎么用watch监听数据并修改数据类型。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！