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 相关文章推荐
javascript下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
全面解析Bootstrap表单使用方法(表单控件)
Nov 24 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
Dec 04 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
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全排列递归算法代码
2012/10/09 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
谈谈python垃圾回收机制
2020/09/27 Python
Python高并发和多线程有什么关系
2020/11/14 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
暑期研修感言
2014/02/17 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
运动会的口号
2014/06/09 职场文书
个人工作能力自我评价
2015/03/05 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle
Nginx报404错误的详细解决方法
2022/07/23 Servers