欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • 最全面的JVM優(yōu)化經(jīng)驗總結(jié)

    最全面的JVM優(yōu)化經(jīng)驗總結(jié)

    這篇文章主要介紹了最全面的JVM優(yōu)化經(jīng)驗總結(jié),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,,需要的朋友可以參考下
    2019-06-06
  • Spring Boot 讀取靜態(tài)資源文件的方法

    Spring Boot 讀取靜態(tài)資源文件的方法

    本篇文章主要介紹了Spring Boot 讀取靜態(tài)資源文件的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 如何使用Java生成PDF文檔詳解

    如何使用Java生成PDF文檔詳解

    這篇文章主要給大家介紹了關(guān)于如何使用Java生成PDF文檔的相關(guān)資料,PDF是可移植文檔格式,是一種電子文件格式,具有許多其他電子文檔格式無法相比的優(yōu)點,需要的朋友可以參考下
    2023-07-07
  • 教你使用Java實現(xiàn)掃雷小游戲(最新完整版)

    教你使用Java實現(xiàn)掃雷小游戲(最新完整版)

    本文給大家介紹使用Java實現(xiàn)掃雷小游戲,本程序封裝了五個類,分別是主類GameWin類,繪制底層地圖和繪制頂層地圖的類MapBottom類和MapTop類,繪制底層數(shù)字的類BottomNum類,以及初始化地雷的BottomRay類和工具GameUtil類,用于存靜態(tài)參數(shù)和方法,感興趣的朋友一起看看吧
    2022-05-05
  • 一篇文章帶你Java Spring開發(fā)入門

    一篇文章帶你Java Spring開發(fā)入門

    這篇文章主要為大家詳細介紹了Java Spring開發(fā)入門學(xué)習教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-09-09
  • Java創(chuàng)建對象之顯示創(chuàng)建與隱式創(chuàng)建

    Java創(chuàng)建對象之顯示創(chuàng)建與隱式創(chuàng)建

    在本篇文章中,小編會帶大家學(xué)習面向?qū)ο笾嘘P(guān)于對象的創(chuàng)建之顯示創(chuàng)建和隱式創(chuàng)建,其實類和對象作為面向?qū)ο笾凶罨镜?,也是最重要?需要的朋友可以參考下
    2023-05-05
  • Logback MDCAdapter日志跟蹤及自定義效果源碼解讀

    Logback MDCAdapter日志跟蹤及自定義效果源碼解讀

    這篇文章主要為大家介紹了Logback MDCAdapter日志跟蹤及自定義效果源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11
  • Spring Bean生命周期之Bean元信息的配置與解析階段詳解

    Spring Bean生命周期之Bean元信息的配置與解析階段詳解

    這篇文章主要為大家詳細介紹了Spring Bean生命周期之Bean元信息的配置與解析階段,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-03-03
  • Mybatis報錯日志BindingException的解決

    Mybatis報錯日志BindingException的解決

    本文主要介紹了Mybatis報錯日志BindingException的解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2023-07-07
  • Java中的悲觀鎖與樂觀鎖是什么

    Java中的悲觀鎖與樂觀鎖是什么

    這篇文章主要介紹了Java中的悲觀鎖與樂觀鎖是什么,幫助大家更好的理解和學(xué)習Java鎖的相關(guān)知識,感興趣的朋友可以了解下
    2020-09-09

最新評論