vue 動態添加刪除input

vue 動態添加刪除input

刪除我隱藏掉了

<div v-for="(list,index) in lists">
        <ul class="add-line">
          <li class="add-line" >
            <el-input v-model="list.name" placeholder="請輸入名稱" ></el-input>
            <el-input v-model="list.proper" placeholder="請輸入屬性" ></el-input>
          </li>
<!--          <li class="add-line">-->
<!--            <el-button type="danger" icon="el-icon-delete" circle v-on:click="del(index)"></el-button>-->
<!--          </li>-->
        </ul>
      </div>

data() {
    return {
      lists:[{
        name:" ",
        proper:" ",
      }],
     
   
  },
methods:{
addss(){
      let cope = {
        name:"",
        tel:""
      }
      this.lists.push(cope);
      console.log(this.lists)
    },
    // del(index){
    //   this.lists.splice(index,1);
    //   console.log(this.lists)
    // },
}