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使用

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Sublime Text 3 注册/激活方法

    Sublime Text 3 注册/激活方法Sublime是一款很好用的编辑器,虽然是免费使用,但是经常会弹出吆喝着让你购买(purchase)的弹窗,对一名优秀的强迫症来说看久了还是很烦人的。而且现在网上很多注册码都不可用。那么要怎么解决呢?下面提供两种解决方案。(我是在win10系统上操作的)二、方案方案一[1]1)建立一个bat文件(随便取个名字,如“runHost.bat”),复制以下代码到…

  • Eureka集群原理

    Eureka集群原理问题:微服务RPC远程服务调用最核心的是什么?高可用,试想你的注册中心只有一个onlyone,它出故障了那就呵呵o( ̄︶ ̄)o了,会导致整个微服务环境不可用。解决办法:搭建Eureka注册中心集群,实现负载均衡+故障容错Eureka集群的原理:互相注册,相互守望。一个Eureka集群包含7001和7002等许多服务,在这个集群中,7001指向其他所有服务…

  • winform tablelayoutpanel_idea checkout

    winform tablelayoutpanel_idea checkoutWebGridHelperwithCheckAllCheckboxesTuesday,September13,2011ASP.NETASP.NETMVCHtmlHelperjQueryWebMatrixIntroduction:WebGridhelperisoneofthehelperofASP.NETWebPages(We…

  • 识别引擎ocropy->ocropy2->OCRopus3总结

    论文:TheOCRopusOpenSourceOCRSystemTransferLearningforOCRopusModelTraining onEarlyPrintedBooksGitHub:https://github.com/tmbdev/ocropyhttps://github.com/tmbdev/ocropy2https://gith…

  • 配置maven环境变量出错

    配置maven环境变量出错真是百思不得其解,在配置maven环境变量的时候通过下面的方法,尽管配置的环境完全正确,但在验证maven环境是否配置正确的时候却始终报错,报错内容如下所示:   出现此错误的配置方法如下: 1、右键“我的电脑”->”属性”; 2、在打开的属性面板里选择“高级系统设置”; 3、在打开的高级系统设置对话框中选择“环境变量”; 4、添加新的系统环境变量MA

  • 微信公众平台开发接口_小程序注册好了为什么搜索不到

    微信公众平台开发接口_小程序注册好了为什么搜索不到在进行微信公众平台开发之前,需要先接入微信公众平台。具体的步骤在公众平台开发者文档-接入指南已有详细介绍,文档中也提供了验证服务器的PHP示例代码。本文主要提供了Node.js版本的验证代码,同时把步骤细化,让开发者更方便地了解整个接入过程,对初学者更友好。TL;DR在微信公众平台后台的开发者中心/填写服务器配置页面…

发表回复

您的电子邮箱地址不会被公开。

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