vue.js怎麼刪除數組裡面的數據

vue.js刪除數組裡面資料的方法：首先引入【vue.JS】文件, 並添加vue容器；然後在標籤裡實例化vue對象，保存程式碼並直接在瀏覽器中預覽效果；最後點選刪除按鈕。

本教學操作環境：windows10系統、vue2.9，本文適用於所有品牌的電腦。

【相關文章推薦：vue.js】

#vue.js刪除陣列裡面資料的方法：

第一步, 在已建立的html5 頁面程式碼中, 引入vue.JS 檔案, 並新增vue 容器, 包含一個無序列表和兩個按鈕, 如下圖所示:

第二步, 在 標籤內, 實例化vue 物件, 呼叫el 和data, 並給message 賦值, 如下圖所示:

第三個步驟, 儲存程式碼並直接在瀏覽器中預覽效果, 可以看到無序列表, 刪除按鈕和新增按鈕, 如下圖所示:

第四步, 在methods 方法中, 新增delData 和addData 點選函數, 分別呼叫Vue.delete()和Vue.set(), 如下圖所示:

#第五步, 再次儲存程式碼並運行, 點擊刪除按鈕發現記錄無法刪除; 修改Vue.delete 程式碼, 如下圖所示:

第六步, 刪除方法中的第二個參數是數組的索引, 不是元素的key 或Value, 再次運行可以刪除了, 如下圖所示:

#相關免費學習推薦：JavaScript（影片）

以上是vue.js怎麼刪除數組裡面的數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！