对象更改时观察器停止工作 Vue.js

Question

当我在对象中添加动态键时，输入中的观察器停止工作。例如：

<template lang="pug">
 input#field(v-model="block[current]")
 button(@click="current = 'de'") change
 button(@click="addVal") add
 
</template>
<script>
data() {
 return {
   current: "en"
   block: {}
 }
},
methods: {
 addVal() {
   this.block.de = "adawdawdawd";
 }
}

</script>

现在，如果我输入 #fiel，block.de 将不起作用。但是，如果我不添加值，它就可以正常工作。

Answer 1

尝试使用 this.$set 更新它，因为您有反应问题：

this.$set(this.block,"de" , "adawdawdawd");

对象更改时观察器停止工作 Vue.js

Observer stop working when object changed Vue.js

vue.js

pug