Javascript Vue.js从列表中删除元素

我正在尝试创建一个简单的网页，在这里我可以使用vue.js添加或删除文本框

newvue({
el:“应用程序”，
数据（）{
返回{
名单：[]
};
},
方法：{
deleteFromList（索引）{
本列表拼接（索引1）；
},
附加项（）{
this.list.push（{}）；
}
}
});

应用程序
加1


{{item}}
删除


它实际上是从数组中删除了正确的项，但您看不到它，因为您没有更改模型的值，只更改了未绑定到值的textarea，而只是将其缓存到
：key=“index”
，下面的示例应该说明，只需添加一个计数器，您就可以看到它正在删除正确的对象


Vue.config.productionTip=false；
Vue.config.devtools=false；
新Vue({
el:“应用程序”，
数据（）{
返回{
名单：[]，
柜台:0,，
};
},
方法：{
deleteFromList（索引）{
本列表拼接（索引1）；
},
附加项（）{
this.list.push（this.counter++）；
}
}
});

加1


{{item}}
删除


{{list}}