详解vue添加删除元素的方法

相关版实例代码如下：

rush:js;"> <Meta charset="UTF-8">

name:

age:

sex:

</div>
<div class="form-group"&gt;
  <label></label>
  <button v-on:click = 'addPerson'>Create</button>
</div>

<table&gt;
  <thead>
    <tr&gt;
      <th>Name</th>
      <th>Age</th>
      <th>Sex</th>
      <th>Delete</th>
    </tr&gt;
  </thead>
  <tbody>
    <tr v-for="item in items"&gt;<!--v-for-->
      <td&gt;{{item.name}}</td&gt;
      <td&gt;{{item.age}}</td&gt;
      <td&gt;{{item.sex}}</td&gt;
      <td&gt;<button @click="deletePerson($index)"&gt;Delete</button></td&gt;
    </tr&gt;
  </tbody>

</table&gt;

大家可以测试以下，感谢大家对编程之家的支持。

原文地址：https://www.jb51.cc/vue/31737.html