Question

我正在使用 - laravel - 刀 -vuejs

对于一种情况，我有拼接不在阵列上反应。所以我有一个ul / li（我已经删除了css和其他东西）

<ul>
        <template v-for="(user, index) in availableUsers"  >
        <li v-bind:data-user="user.id" v-bind:data-index="index" >
            @{{user.fullName}}
            <button id=btnRemove>                            
        </li>
   </template>
</ul>

在我的vue实例代码中，我有一个函数removeFromAvailable。我调用myvue.availableUsers.slice（index，1）。该方法收到良好的索引。

removeFromAvailable : function(index) {
        console.log(index);
        myVue.availableUsers.slice(index, 1);
}

它仍然在列表中。我很困惑，因为它是第一次无法正常工作。

知道为什么它没有被动反应？

Answer 1

我相信你需要再次设置变量。 slice只返回已更改数组的副本，但不会更改原始实例。

removeFromAvailable(index) {
  this.availableUsers = this.availableUsers.slice(index, 1);
}

Vuejs切片功能不反应

1 个答案: