国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue.js刪除列表中的一行

2019-11-19 13:35:18
字體:
來源:轉載
供稿:網友

splice(index,num,item1,item2,...,itemX) 方法向/從數組中添加/刪除項目,然后返回被刪除的項目。

注:index--規定添加/刪除項目的位置

num--要刪除的項目數量

item--向數組添加的新項目

splice() 方法可刪除從 index 處開始的零個或多個元素,并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。

如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數組。

(1)html代碼:

 <div id="app">   <ul>    <li v-for="todo in todos">     <span>{{ todo.text }}</span>     <button @click="removeTodo($index)">X</button>    </li>   </ul>  </div>

(2)js代碼:

 <script>    new Vue({     el: '#app',     data: {      todos: [       { text: 'Add some todos' },       { text: 'Learn JavaScript' },       { text: 'Learn Vue.js' },       { text: 'Build Something Awesome' }      ]     },     methods: {      removeTodo: function (index) {       this.todos.splice(index, 1);      }     }    })  </script>

(3)效果展示:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 旬阳县| 翁牛特旗| 大方县| 永仁县| 定州市| 黑河市| 赤壁市| 建宁县| 始兴县| 改则县| 云阳县| 荣成市| 临夏市| 奉贤区| 白玉县| 西乡县| 龙井市| 太仆寺旗| 电白县| 基隆市| 库尔勒市| 广西| 罗江县| 金坛市| 哈尔滨市| 积石山| 广丰县| 松江区| 汨罗市| 苏尼特右旗| 丹凤县| 行唐县| 固镇县| 甘孜县| 乐平市| 永修县| 新闻| 榕江县| 永春县| 吉首市| 金华市|