vue 實現(xiàn)刪除對象的元素 delete
更新時間:2022年03月03日 15:39:57 作者:vue學(xué)習
這篇文章主要介紹了vue 實現(xiàn)刪除對象的元素delete,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
刪除對象的元素 delete
data中定義一個form
? data: { ? ? seen: true, ? ? ?? ?from:{ ?? ? ? ?id:'', ?? ? ? ?name:'', ?? ? ? ?age:'', ?? ?} ? }
現(xiàn)在不需要age元素
刪除 delete this.from.age;
場景form表單提交的時候新增的數(shù)據(jù)和編輯頁面公用一個頁面 ,在添加的時候不需要id而就可以delete刪除id
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 測試實例 </title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <script> new Vue({ ? el: '#app', ? data: { ? ? seen: true, ? ? ? ?? ?from:{ ? ?? ? ? id:'', ? ?? ? ? name:'', ? ?? ? ? age:'', ? ?? ?} ? }, ? ?mounted() { ? ? //this.initData(); ? ? ? this.from.id=1; ? ? ? this.from.name='xc'; ? ? ? this.from.age=18; ? ? ? this.from.content='xcvzxcvzxcv'; //直接添加元素 ? ? delete this.from.age;//刪除age元素 ? ? console.log(this.from) ? ? ? }, ? }) </script> </body> </html>
vue根據(jù)id刪除某一行
methods:{ ? del(id){ ? ? //ES6 ? ? //根據(jù)id查找元素 findIndex ? ? //let index = arr.findIndex(function(ele,index,arr){return ele.id==id}) ? ? //函數(shù)內(nèi)如果返回true,就結(jié)束遍歷并返回當前index; ? ? //index如果沒有找到返回-1 ? ? ? ? let index = this.tasks.findIndex(funciton(ele){ ? ? ? ? ? ?return ele.id == id; ? ? }) ? ? //假設(shè)沒有找到 ? ? if(index === -1){ ? ? ? ? ?return console.log('刪除失敗'); ? ? } ? ? //刪除元素 ? ? this.tasks.splice(index,1); ? } ? }
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Java創(chuàng)建對象之顯示創(chuàng)建與隱式創(chuàng)建
在本篇文章中,小編會帶大家學(xué)習面向?qū)ο笾嘘P(guān)于對象的創(chuàng)建之顯示創(chuàng)建和隱式創(chuàng)建,其實類和對象作為面向?qū)ο笾凶罨镜?,也是最重要?需要的朋友可以參考下2023-05-05Logback MDCAdapter日志跟蹤及自定義效果源碼解讀
這篇文章主要為大家介紹了Logback MDCAdapter日志跟蹤及自定義效果源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11Spring Bean生命周期之Bean元信息的配置與解析階段詳解
這篇文章主要為大家詳細介紹了Spring Bean生命周期之Bean元信息的配置與解析階段,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-03-03Mybatis報錯日志BindingException的解決
本文主要介紹了Mybatis報錯日志BindingException的解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-07-07