我正在使用 - 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);
}
它仍然在列表中。我很困惑,因为它是第一次无法正常工作。
知道为什么它没有被动反应?
答案 0 :(得分:2)
我相信你需要再次设置变量。 slice
只返回已更改数组的副本,但不会更改原始实例。
removeFromAvailable(index) {
this.availableUsers = this.availableUsers.slice(index, 1);
}