vue.js - Vue如何查看json数据的内部值

Question

我有'd'数据数组，我想看看它的元素是否被改变，但有些元素是嵌套的。

我的示例基本上是如果我将值更改Apple为Axewatcher 应该执行其中的方法，我该如何实现呢？

 <template>
  <div>
    <button @click="change">Click me</button>
    {{ d }}
  </div>
</template>

<script>
export default {
  watch: {
    d: function() {
      this.hello();
    },
  },
  data() {
    return {
      d: [{ a: 'apple' }, { b: 'bananana' }, 'c'],
    };
  },
  methods: {
    hello() {
      alert('Executed');
    },
    change() {
      this.d[0].a = 'axe';
    },
  },
};
</script>

<style></style>

标签： vue.js

Answer 1

deep: true在您的观察者上使用

watch: {
    d: {
      handler(val) {
        this.hello();
      },
      deep: true
    }
  },