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


相关推荐

  • 共享打印机无法连接到打印机0x00000bcb_共享打印机错误为0X0000011b

    共享打印机无法连接到打印机0x00000bcb_共享打印机错误为0X0000011b  有不少用户遇到了网络共享打印机无法连接的问题,尤其是Win10最常遇见,打印机后提示“windows无法连接到打印机0x0000011b”错误。下面系统之家小编给大家带来0x0000011b共享打印机无法连接解决方法。一起来看看吧。  0x0000011b共享打印机无法连接解决方法  卸载补丁  打开设置——>更新和安全—->Windows更新—->“查看更新历史记录—->卸载更新  Win10更新2021年9月补丁后导致的,共享打印机.

    2025年9月7日
    5
  • redis(五大数据类型)「建议收藏」

    redis(五大数据类型)「建议收藏」RedisRedis入门菜Redis为什么这么快?五大数据类型Redis可以用作数据库,缓存,消息中间件Redis入门菜redis 默认有16个数据库可以使用select 进行切换数据库root@ubuntu:/usr/bin/redisconf# redis-cli 127.0.0.1:6379> select 3 //选择第3个数据库OK127.0.0.1:6379[3]> DBSIZE //查看数据库大小(integer) 0127.0.0.1:6379[3]>

    2022年8月8日
    6
  • pycharm怎么逐步调试_pycharm的debug失效

    pycharm怎么逐步调试_pycharm的debug失效前言Debug调试,是一项学习编程人员的重要技能。只有当你学会debug了以后,才可以正确的知道程序的走向流程是如何的,今天就来给大家介绍一下pycharm中的debug功能!debug的前世在正式讲解之前,先来了解下debug这个词的由来,就像我们初学Python时,先要了解下它历史的由来。1937年,美国青年霍华德·艾肯找到IBM公司为其投资200万美元研制计算机,第一台成品…

    2022年8月26日
    9
  • js 判断字符串中是否包含某个字符include的坑「建议收藏」

    js 判断字符串中是否包含某个字符include的坑「建议收藏」方法一indexOf()(推荐)varstr=”123″;console.log(str.indexOf(“3″)!=-1);//trueindexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回-1。方法二test()varstr=”123”;varreg=RegExp(/3/);console.log(reg.test(str));//truetest()方法用于检索字

    2022年10月6日
    4
  • vue-router 报错:Navigation cancelled from“/…“ to “/…“ with a new navigation.

    vue-router 报错:Navigation cancelled from“/…“ to “/…“ with a new navigation.vue-router@3.0版本及以上回调形式已经改成promiseapi的形式了,返回的是一个promise,如果路由地址跳转相同,且没有捕获到错误,控制台始终会出现如图所示的警告(注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…)*怎么解决呢?方案一:安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本npminstallvue-router@2.8.0-S方案二:针对于路由跳转相同的地址添加catch捕获一下异常:this.$router.

    2022年7月26日
    123
  • 如何设置java环境变量

    设置“java”环境变量的方法是:首先进入计算机中的高级系统设置,打开环境变量设置,然后新建“JAVA_HOME”系统变量,设置其值为安装路径,接着编辑“PATH”变量,最后根据实际情况,选择是否新建“Classpath”变量。

    2022年1月16日
    37

发表回复

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

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