首页 > 编程知识 正文

vuejs菜鸟教程,vue删除数组中的某个元素

时间:2023-05-05 11:57:43 阅读:26767 作者:2575

vue实例:删除元素r .form-group{

margin:10px;

}

. form-grouplabel{

display :在线区块;

width: 5rem;

文本对齐: right;

}

name:

age:

sex:

创建

NameAgeSexDelete

{ { item.name } { { item.age } } { item.sex } } deletevarvm=newvue (

El : ' # APP ',

数据: {

newitems:{

name: ',

age:'18 ',

sex: '女'

、//newitems默认值

items:[{

name:'lily ',

age:18,

sex: '女'

、{

name:'lily ',

age:18,

sex: '女'

、{

name:'lily ',

age:18,

sex: '女'

、{

name:'lily ',

age:18,

sex: '女'

、{

name:'lily ',

age:18,

sex: '女'

() ) ]

(,

methods:{

add person :功能(

将Newitems添加到this.items.push(this.newitems ) items

this.newitems={name: ',age:'18 ',sex: '女' }

(、//添加元素

elete person :功能(索引) {

//删除数组元素

this.items.splice (索引,1 );

}

}

() )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。