vue中splice和$emit使用

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

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.cn/147171.html原文链接：https://javaforall.cn