一般这种功能可以用在页面添加功能上面,例如push字符串,‘查看更多’的功能时候,可以用到这种方法。
<template>
<div>
<div v-for='item in list'>{{item}}</div>
<button @click='click'>改变</button>
<button @click='hadelClick'>解决方法</button>
</div>
</template>
<script>
export default({
data(){
return{
list:{a:'a',b:'b'},
}
},
methods: {
click() {
// 未声明不触发渲染
this.list.c='c'
},
hadelClick(){
// 解决方法,使用vue提供的$set方法来触发渲染
将后面的d 添加到第一个d中
this.$set(this.list,'d','d')
}
}
})
</script>
网友评论