this.$set的使用
我們在專案開發的程序中，經常會遇到為data中的某一個物件或者某一個物件陣列每一項添加一個屬性
- 使用this.$set(obj, key, value)/vue.set(obj, key, value)
<script>
export default {
data() {
return {
list: [{
name:'張三'，headimg:'1.png',
},{
name:'李四'，headimg:'2.png'
}]
}
},
methods: {
setMessage() {
for(let i=0;i<this.list.length;i++){
this.$set(this.list[i],'isShow',false);
}
console.log(this.list)
}
}
}
</script>
- 通過Object.assign(target, sources)方法
<script>
export default {
data() {
return {
list: [{
name:'張三'，headimg:'1.png',
},{
name:'李四'，headimg:'2.png'
}]
}
},
methods: {
setMessage() {
for(let i=0;i<this.list.length;i++){
this.list[i].isShow = false;
this.list[i] = Object.assign({}, this.list[i]);
}
console.log(this.list)
}
}
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/226243.html
標籤：其他
下一篇：瀏覽器是怎樣渲染網頁的呢？