【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的作用域