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

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

kixv
浏览 1785回答 1
1回答

chandou

首先你的json根本不对,如果代码确实没有报错,你的数据源变化了,页面没有渲染的话,可以试试this.$forceUpdate();其中this指的是vue的作用域
打开App,查看更多内容
随时随地看视频慕课网APP