vue 實(shí)現(xiàn)刪除對(duì)象的元素 delete
更新時(shí)間：2022年03月03日 15:39:57 作者：vue學(xué)習(xí)
這篇文章主要介紹了vue 實(shí)現(xiàn)刪除對(duì)象的元素delete，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
刪除對(duì)象的元素 delete
data中定義一個(gè)form
? data: {
? ? seen: true, ? ?
?? ?from:{
?? ? ? ?id:'',
?? ? ? ?name:'',
?? ? ? ?age:'',
?? ?}
? }現(xiàn)在不需要age元素
刪除 delete this.from.age;
場(chǎng)景form表單提交的時(shí)候新增的數(shù)據(jù)和編輯頁(yè)面公用一個(gè)頁(yè)面 ，在添加的時(shí)候不需要id而就可以delete刪除id
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 測(cè)試實(shí)例 </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如果沒(méi)有找到返回-1
? ?
? ? let index = this.tasks.findIndex(funciton(ele){
? ? ? ? ? ?return ele.id == id;
? ? })
? ? //假設(shè)沒(méi)有找到
? ? if(index === -1){
? ? ? ? ?return console.log('刪除失敗');
? ? }
? ? //刪除元素
? ? this.tasks.splice(index,1);
? } ?
}以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了java?List集合去除null的3種方法,文中通過(guò)代碼示例將每種方法都介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Java具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
ExecutorService實(shí)現(xiàn)獲取線程返回值
這篇文章主要介紹了ExecutorService實(shí)現(xiàn)獲取線程返回值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
java實(shí)現(xiàn)客戶端向服務(wù)器發(fā)送文件
這篇文章主要為大家詳細(xì)介紹了java實(shí)現(xiàn)客戶端向服務(wù)器發(fā)送文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要介紹了淺談mybatis如何半自動(dòng)化解耦，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
MyBatis在Spring環(huán)境下的事務(wù)管理
MyBatis的設(shè)計(jì)思想很簡(jiǎn)單，可以看做是對(duì)JDBC的一次封裝，并提供強(qiáng)大的動(dòng)態(tài)SQL映射功能。這篇文章主要介紹了MyBatis在Spring環(huán)境下的事務(wù)管理 ,需要的朋友可以參考下2019-07-07
使用@PathVariable注解如何實(shí)現(xiàn)動(dòng)態(tài)傳值
這篇文章主要介紹了使用@PathVariable注解如何實(shí)現(xiàn)動(dòng)態(tài)傳值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-10-10
這篇文章主要為大家介紹了從?JVM?中深入探究?Synchronized作用及原理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
java數(shù)據(jù)結(jié)構(gòu)排序算法之樹(shù)形選擇排序詳解
這篇文章主要介紹了java數(shù)據(jù)結(jié)構(gòu)排序算法之樹(shù)形選擇排序,結(jié)合具體實(shí)例形式分析了java樹(shù)形選擇排序的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05
這篇文章主要介紹了java反射使用示例,代碼很簡(jiǎn)單，需要的朋友可以參考下2014-02-02
spring kafka框架中@KafkaListener 注解解讀和使用案例
Kafka 目前主要作為一個(gè)分布式的發(fā)布訂閱式的消息系統(tǒng)使用，也是目前最流行的消息隊(duì)列系統(tǒng)之一，這篇文章主要介紹了kafka @KafkaListener 注解解讀,需要的朋友可以參考下2023-02-02