其他分享
首页 > 其他分享> > Vue动态添加表单项

Vue动态添加表单项

作者:互联网

效果如图所示:


list 循环时候,key的值很重要;

如果选取 index 作为key的话,当删除成员的时候,由于index更新,使被删除的input的值仍然存在在对应index的input中。(成员1,2,3;当删除2时,成员2的值会在继续在index为2的位置(即成员3)中出现)

这里是使用 “list.length” - "index" 作为 key,每次成员数量更新的时候,length都是不同,可以保证删除成员时,其他数据不受到影响。

标签:index,Vue,单项,删除,成员,list,添加,key,input
来源: https://blog.csdn.net/qq_36157085/article/details/122507175