vue更改数组中的值实例代码详解


Posted in Javascript onFebruary 07, 2020

根据下标更改时

vm为新建的vue对象

ind为数组

第一个e为在数组ind中e索引位置

第二个e为更改为值e

vm.$set(vm.ind,e,e)

常规更改

arr为数组

//添加
arr.push(1);
//删除
arr.splice(*,*);
//替换
arr.splice(*,*,*);

splice方法

实例

例子 1

在本例中,我们将创建一个新数组,并向其添加一个元素:

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")
</script>

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

例子 2

在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
</script>

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

例子 3

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,3,"William")
document.write(arr)
</script>

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

总结

以上所述是小编给大家介绍的vue更改数组中的值实例代码详解,希望对大家有所帮助!

Javascript 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
Oct 08 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
vue多次循环操作示例
Feb 08 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
vue $router和$route的区别详解
Dec 02 Vue.js
Vue 一键清空表单的实现方法
Feb 07 #Javascript
Vue中qs插件的使用详解
Feb 07 #Javascript
npm qs模块使用详解
Feb 07 #Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 #Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 #Javascript
jQuery实现获取多选框的值示例
Feb 07 #jQuery
微信小程序canvas开发水果老虎机的思路详解
Feb 07 #Javascript
You might like
在PHP中使用模板的方法
2008/05/24 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP文件与目录操作示例
2016/12/24 PHP
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
Document对象内容集合(比较全)
2010/09/06 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
javascript 动态创建表格
2015/01/08 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
Layui选项卡制作历史浏览记录的方法
2019/09/28 Javascript
python实现textrank关键词提取
2018/06/22 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
Python操作Jira库常用方法解析
2020/04/10 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
Python面向对象特殊属性及方法解析
2020/09/16 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
职业生涯规划怎么写
2013/12/29 职场文书
幼儿园秋季开学寄语
2014/08/02 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
环卫工人慰问信
2015/02/15 职场文书
500字小学生检讨书
2015/02/19 职场文书
基层党支部承诺书
2015/04/30 职场文书
十八大观后感
2015/06/12 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android