vue中splice和$emit使用

vue中splice和$emit使用splice函数用法splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)ndex:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空删除://删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)var arr = [‘a’,…

大家好,又见面了,我是你们的朋友全栈君。

splice函数用法

splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)

ndex:数组开始下标      

len: 替换/删除的长度      

item:替换的值,删除操作的话 item为空

删除:

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)

var arr = [‘a’,’b’,’c’,’d’];

arr.splice(1,1);

console.log(arr);   //[‘a’,’c’,’d’];

 

//删除起始下标为1,长度为2的一个值(len设置2)

var arr2 = [‘a’,’b’,’c’,’d’]

arr2.splice(1,2);

console.log(arr2);

//[‘a’,’d’]

 

替换:

//替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1

var arr = [‘a’,’b’,’c’,’d’];

arr.splice(1,1,’ttt’);

console.log(arr);       

//[‘a’,’ttt’,’c’,’d’]

 

//替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1

var arr2 = [‘a’,’b’,’c’,’d’];

arr2.splice(1,2,’ttt’);

console.log(arr2);      

//[‘a’,’ttt’,’d’]

 

添加:

//在下标为1处添加一项’ttt’

var arr = [‘a’,’b’,’c’,’d’];

arr.splice(1,0,’ttt’);

console.log(arr);       

//[‘a’,’ttt’,’b’,’c’,’d’]

 

//————————————————————————————————————————————–

 

$emit的用法

1、父组件可以使用 props 把数据传给子组件。

2、子组件可以使用 $emit 触发父组件的自定义事件

父组件给子组件传值,子组件一定要接受

emit触发事件,父组件监听

vue中splice和$emit使用

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147171.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • php工厂模式详解

    php工厂模式详解工厂类就是一个专门用来创建其它对象的类,工厂类在多态性编程实践中是非常重要的。它允许动态替换类,修改配置,会使应用程序更加灵活。掌握工厂模式对Web开发是必不可少的。工厂模式通常用来返回类似接口的不同的类,工厂的一种常见用法就是创建多态的提供者。通常工厂模式有一个关键的构造,即一般被命名为factory的静态方法。这个静态方法可以接受任意数量的参数,并且必须返回一个对象。P

    2022年7月25日
    7
  • DEDE在图集列表中调出图集的所有图片[首页也适用]

    DEDE在图集列表中调出图集的所有图片[首页也适用]

    2021年9月19日
    48
  • 耳机线的接法_耳机线焊接法图解大全

    耳机线的接法_耳机线焊接法图解大全耳机是我们日常必备工具,尤其是在公共场所或是夜深人静时!之前一直用的是入耳式的耳机,隔音效果好,声音大,所以下狠心买了一个用过最贵的耳机90+元。但是买回用了不到两个星期就让我给弄报废了,而且入耳式的耳机戴久了耳朵塞的疼。所以我就淘宝买了个8.6元包邮的山寨苹果耳机,结果带给了我很多惊喜,没想到音质丝毫不比之前的任何耳机差,戴着也舒服。最重要的是隔音效果好,每当夜深人静时无论是听音乐还是看剧都与世…

    2025年7月14日
    0
  • 抓包神器之Charles,常用功能都在这里了[通俗易懂]

    抓包神器之Charles,常用功能都在这里了[通俗易懂]我们在开发网站项目的时候,我们可以通过浏览器的debug模式来看request以及response的数据,那么如果我们开发移动端项目没有网页呢?如何抓取数据呢?前几天有个做服务端的师弟跟我说他不用抓包工具,遇到问题直接debug代码,那我问他,如果线上服务的话,你怎么调?在实际项目中,没有遇到跟客户端相互扯皮的事情吗?我觉得很正常啊,客户端说他没问题,服务端也说他没问题,到…

    2022年4月30日
    131
  • 使用 vsphere-automation-sdk-python 自动创建虚拟机

    使用 vsphere-automation-sdk-python 自动创建虚拟机

    2021年7月9日
    278
  • 单应性矩阵的理解及求解3「建议收藏」

    http://www.sohu.com/a/223594989_100007727前面文章《从零开始学习「张氏相机标定法」(一)成像几何模型》中我们已经得到了像素坐标系和世界坐标系下的坐标映射关系:其中,u、v表示像素坐标系中的坐标,s表示尺度因子,fx、fy、u0、v0、γ(由于制造误差产生的两个坐标轴偏斜参数,通常很小)表示5个相机内参,R,t表示相机外参,Xw、Yw、Zw(假设标…

    2022年4月18日
    90

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号