问题: 在父组件中创建了一个数组对象,子组件通过props引入。当父组件的数据更改后,子组件未触发更新,导致数据还是旧的。代码如下
//此处的rightList是子组件,rightTicketList是传给子组件的数组对象
<rightList
ref="rightTicketList"
:right-ticket-list="rightTicketList"
@deleteList="deleteList"
@openRealNameModal="openRealNameModal"
@handleChangePrice="handleChangePrice"
@handleChangeHangCount="handleChangeHangCount"
@modifyPeople="modifyPeople"
></rightList>
methods: {
changeArray() {
let length = 1
this.rightTicketList[this.currentIndex].paperLength = length;
}
}
子组件
<ul>
<li v-for="item in rightTicketList">{
{item.name}}</li>
</ul>
//通过props引入
props: {
rightTicketList: {
type: Array,
default: () => {
return