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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 华硕路由器、LEDE、梅林,阿里DDNS教程

    华硕路由器、LEDE、梅林,阿里DDNS教程转自我的博客:sleele.com/2019/04/17/…教程华硕路由器官方固件,梅林,LEDE大体一致,下面我以华硕路由器官改固件为例展开教程首先安装阿里DDNS插件,在阿里注册一个域名,买最便宜的即可,购买域名后进入控制台设置域名解析按照图标顺序操作之后后让你输入手机验证码,之后就可以得到AccessKeyID、AccessKey…

    2022年6月11日
    83
  • 比例和比率的区别

    比例和比率的区别数据分析中可能会出现比例和比率的区别:举个例子:全班人数50人,男生30,女生20,那男生的比例就是30/50,同理女生的就是20/50,那么男女的比率是什么呢,是30/20对,就是这个区别。…

    2022年5月15日
    124
  • java获取文件名乱码_java导出文件名中文乱码

    java获取文件名乱码_java导出文件名中文乱码Java读linux系统文件文件名乱码的解决办法1,问题描述web应用想通过Java读取linux系统文件显示到web页面上,结果中文文件名出现乱码?问题场景描述:当用户通过浏览器访问tomcat服务器,请求查看某一路径下文件列表信息,tomcat的web应用调用getFilesByPath(Stringpath)方法读取文件列表信息响应请求,页面中文文件名出现乱码。推荐教程:《java学习》代…

    2022年10月20日
    2
  • 【小白币看】数字货币火了这么久你还不知道如何挖矿?

    【小白币看】数字货币火了这么久你还不知道如何挖矿?​1什么是虚拟货币挖矿?挖矿指的是通过电脑CPU(内存)、GPU(显卡)或专业的矿机参与网络记账形成工作量证明POW,根据工作量证明的占比获得相应的奖励。目前,通过挖矿可以获得的虚拟货币常有:BTC(比特币)、ETH(以太坊)、ETC(以太经典)、ZEC(zcash零币)、SC(SIACOIN)等,上述过程简称挖矿。如果上述的文字解释有点复杂,可以看看下面小编图举的例子。2虚拟货币挖矿演变的三大过…

    2022年6月4日
    42
  • 必须了解的MySQL三种日志

    必须了解的MySQL三种日志

    2022年2月18日
    79
  • win32api python 手册_windows api如何使用

    win32api python 手册_windows api如何使用本文整理汇总了Python中win32api.GetSystemMetrics方法的典型用法代码示例。如果您正苦于以下问题:Pythonwin32api.GetSystemMetrics方法的具体用法?Pythonwin32api.GetSystemMetrics怎么用?Pythonwin32api.GetSystemMetrics使用的例子?那么恭喜您,这里精选的方法代码示例或许可以为您…

    2022年10月11日
    4

发表回复

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

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