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 );
}
}
() )