Vue数组的基本操作:splice操作
来源:网络收集 点击: 时间:2024-04-03【导读】:
splice可以删除数组中指定的元素,并在该位置添加新元素。工具/原料morevue方法/步骤1/8分步阅读
2/8
3/8
4/8
5/8
6/8
7/8
8/8
VUE数组SPLICEJS数组SPLICE
在vue实例数据data中添加数组元素。
stars:,
关于vue实例的创建,可以查看其它经验。

将该数组元素显示在网页中。
p数组的基本操作十二:splice操作。原数组:{{stars}}/p

在下面添加一个按钮,绑定事件spliceArr用来对数据进行操作。
button @click=spliceArrSplice操作/button

在methods方法中,定义spliceArr方法,在方法内对数组stars进行splice(start,end)操作。
splice(1,2) 删除 索引为1开始的后面2个元素。

打开浏览器,点击按钮【Splice操作】,查看操作结果。
(我用的HBuilder,可以通过点击 运行,运行到浏览器,可以直接在浏览器打开该html)

结果显示,第2个和第3个元素被删除了。
如果直接使用splice(1),则删除索引为1以及后面的所有元素。


如果想在删除元素的位置添加新元素,可以填入第三个参数。
例如:splice(1,2,张国荣)

点击按钮【Splice操作】,操作结果显示。

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_413366.html