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)
上一篇 2022年6月13日 下午9:36
下一篇 2022年6月13日 下午9:36


相关推荐

  • HTTP 401 错误 – 未授权 终极解决办法

    HTTP 401 错误 – 未授权 终极解决办法401 最根本就是用户权限未授予导致的代码无执行权限而失效或出错 一句话就是赋权 但是赋权又面临着可能的安全问题 在正常代码下突然出现的 401 那就不是赋权可以解决了 或者说再重复赋权可以正常的 但是每执行一次都需要重复赋权一次肯定就是大问题了 401 1 未经授权 访问由于凭据无效被拒绝 401 2 未经授权 访问由于服务器配置倾向使用替代身份验证方法而被拒绝 401 3

    2026年3月16日
    1
  • chattr源码

    chattr源码Namechattr changefileat mode files Descriptionc Theformatofa acdeijstuADS Theoperator causesthesel

    2026年3月18日
    2
  • DeepSeek走红三个月,第一批想靠它赚钱的怎么样了?

    DeepSeek走红三个月,第一批想靠它赚钱的怎么样了?

    2026年3月16日
    2
  • mongodb进阶一之高级查询「建议收藏」

    mongodb进阶一之高级查询

    2022年1月26日
    51
  • sudo chmod 755 ….指令分析

    sudo chmod 755 ….指令分析sudo:使用管理员root权限执行指令。chmod:文件调用权限分为三级:文件拥有者、群组、其他。利用chmod可以改变文件权限。775:7,7,5各代表一个权限其中a,b,c各为一个数字,分别表示User、Group、及Other的权限。-rwx-r–r–(一共10个参数)表示文件所属组和用户的对应权限。第一个跟参数属于管理员,跟chmod无关,先不管.2-4…

    2022年7月16日
    21
  • onLoad和onShow的使用

    onLoad和onShow的使用onLoad页面第一次加载时执行,只执行一次,一般用于上一级点击进入下一级,需要传参数时使用。onShow除了页面第一次加载时会执行,页面有什么小程序API操作行为也会触发执行。onLoad:function(options){//页面初始化options为页面跳转所带来的参数},onShow:function(){…

    2022年6月19日
    152

发表回复

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

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