Vue之watch监听问题

殤丶

有多个input框（a,b,c,d,e,f）,现在需要监听ainput框a的值，实时给input框d，（d是不可编辑填写，只显示a的值）
具体代码如下：

[JavaScript] 纯文本查看 复制代码

<div>
          <div><el-input v-model="tableData['3'][0]['a']"></el-input></div>
          <div><el-input v-model="tableData['3'][0]['b']"></el-input></div>
          <div><el-input v-model="tableData['3'][0]['c']"></el-input></div>
</div>

<div>
          <div><el-input v-model="tableData['4'][0]['d']" disabled></el-input></div>
          <div><el-input v-model="tableData['4'][0]['e']"></el-input></div>
          <div><el-input v-model="tableData['4'][0]['f']"></el-input></div>
</div>

 data() {
    return {
              tableData: {
                         3:[
                              {
                                 a : value1,
                                 b : value2,
                                 c : value3,
                              }
                          ],
                         4:[
                              {
                                 d : value4,
                                 e : value5,
                                 f : value6,
                              }
                          ]
                  }
}
}

尝试了用watch直接监听a，但是监听不到。还望大佬指导一下。

迈克杰克双

既然d不用编辑那你直接把它跟a绑定一个对象就行了。

wxm96123

没看到代码里有写监听啊，或者用@input方法，监听输入框值的改变

RootPotence

赋值的时候指针变了吗？

泪鱼无梦

为什么d的值跟a一样，还需要分别监听呢，直接也v-model=a不行吗，如果要用watch，不妨试试
tableData：{
deep:true,
handle(newVal) {

}
}

wangxiaohang

<input v-model="tableData['3'][0]['a']" @keyup="tableData['4'][0]['d']=tableData['3'][0]['a']"></input>

没必要用watch，watch在这儿监控不到的

惠民人家

最简单就是双向绑带丫

sphsyv

正在学习vue，觉得跟jquery完全是两个东西了

waf642311

deep深度监听。