vue 数组push不渲染
时间: 2023-11-17 13:06:55 浏览: 99
解决Vue 通过下表修改数组,页面不渲染的问题
可以尝试使用Vue的响应式属性,将数组定义为Vue的data属性,然后使用Vue提供的$set方法添加新元素。例如:
```
<template>
<ul>
<li v-for="item in list" :key="item.id">{{ item.content }}</li>
</ul>
<button @click="addItem">Add Item</button>
</template>
<script>
export default {
data() {
return {
list: []
}
},
methods: {
addItem() {
const newItem = {
id: Date.now(),
content: 'New Item'
}
// 使用Vue提供的$set方法添加新元素
this.$set(this.list, this.list.length, newItem)
}
}
}
</script>
```
这样就可以实现数组push后自动渲染的效果。
阅读全文