【vue】 json生成的结构， 想让子集通过事件改变数据 ，并且实时渲染

Question

var json=[{name:"Fat king" ，child : [{name : "shin King" ,child :[name : "normal King",]}]}]<div v-for="a in json">    <div v-for="b in a.child">        <div v-for="c in b.child" @click="changeFun(c.name)">        </div>    </div></div>methods : changeFun : function(){    c.name="three Jiang"}结果 ： 数据json会变化 但是并不会触发vue的视图更新请问怎么处理o(╥﹏╥)o

Answer 1

首先你的json根本不对，如果代码确实没有报错，你的数据源变化了，页面没有渲染的话，可以试试this.$forceUpdate();其中this指的是vue的作用域