vue 實現(xiàn)刪除對象的元素 delete
更新時間：2022年03月03日 15:39:57 作者：vue學(xué)習(xí)
這篇文章主要介紹了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é)束遍歷并返回當(dāng)前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é),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06
本篇文章主要介紹了Spring Boot 讀取靜態(tài)資源文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要給大家介紹了關(guān)于如何使用Java生成PDF文檔的相關(guān)資料,PDF是可移植文檔格式,是一種電子文件格式,具有許多其他電子文檔格式無法相比的優(yōu)點,需要的朋友可以參考下2023-07-07
本文給大家介紹使用Java實現(xiàn)掃雷小游戲，本程序封裝了五個類，分別是主類GameWin類，繪制底層地圖和繪制頂層地圖的類MapBottom類和MapTop類，繪制底層數(shù)字的類BottomNum類，以及初始化地雷的BottomRay類和工具GameUtil類，用于存靜態(tài)參數(shù)和方法，感興趣的朋友一起看看吧2022-05-05
這篇文章主要為大家詳細(xì)介紹了Java Spring開發(fā)入門學(xué)習(xí)教程,具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-09-09
Java創(chuàng)建對象之顯示創(chuàng)建與隱式創(chuàng)建
在本篇文章中，小編會帶大家學(xué)習(xí)面向?qū)ο笾嘘P(guān)于對象的創(chuàng)建之顯示創(chuàng)建和隱式創(chuàng)建，其實類和對象作為面向?qū)ο笾凶罨镜模彩亲钪匾?需要的朋友可以參考下2023-05-05
Logback MDCAdapter日志跟蹤及自定義效果源碼解讀
這篇文章主要為大家介紹了Logback MDCAdapter日志跟蹤及自定義效果源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
Spring Bean生命周期之Bean元信息的配置與解析階段詳解
這篇文章主要為大家詳細(xì)介紹了Spring Bean生命周期之Bean元信息的配置與解析階段，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
Mybatis報錯日志BindingException的解決
本文主要介紹了Mybatis報錯日志BindingException的解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要介紹了Java中的悲觀鎖與樂觀鎖是什么，幫助大家更好的理解和學(xué)習(xí)Java鎖的相關(guān)知識，感興趣的朋友可以了解下2020-09-09