av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

淺談vue 多個變量同時賦相同值互相影響

瀏覽:94日期:2022-12-16 11:45:46

首先,該項目用到了element-ui中的Tabs 標簽;然后來龍去脈是醬紫的:

一個項目中需動態渲染一個列表billItemLIsts,列表中包含n組小列表,其中小列表的state_pj用于改變該小列表中的radio,于是:

<el-tabs tab-position='left' style='max-height:280px;'> <el-tab-pane v-for='(itema,index) in billItemLIsts' :key='itema.id' :label='itema.title' :value='itema.id'> <ul class='bill_set_ul'> <li v-for='(subitem,subindex) in itema.item' :key='subitem.id' :label='subitem.title' :value='subitem.id'> <div class='el-form-item__label'>{{subitem.title}}:</div> <div style='width:200px;margin-left: 100px;'> <el-radio-group v-model='subitem.state_pj' @change='changeSub(index,subindex)'> <el-radio :label='chargeIs'>計費</el-radio> <el-radio :label='chargeNo'>不計費</el-radio> </el-radio-group> </div> </li> </ul> </el-tab-pane> </el-tabs>

那么現在列表效果達到了,然鵝這個tab得放到dialog中,且存在取消與確定操作,確定時不用多說,取消時改變了的radio是不會自己變成我們想要的樣子,于是乎:

//最終的收費設置數據billItemLIsts: [], //最終原始的收費設置數據billItemLIstsOriginal: [],

沒錯現在billItemLIsts就可以隨之怎么操作,因為我們有billItemLIstsOriginal記住了他最初的樣子;

接下來就是付諸實際了:

// 取消修改收費設置cancleChargeSet() { this.billItemLIsts = this.billItemLIstsOriginal; if(!this.chargeOpenIs){ this.chargingFunIs = 1; } },

然并卵…

百思不得其解,他并沒有發揮自己的作用

這是因為在Object賦值的時候,傳遞的不是值,而是引用,他們指向了同一個空間!

搞清楚了原因就好下手啦

解決:

1.this.billItemLIsts = JSON.parse( JSON.stringify(this.billItemLIstsOriginal) );

2.或使用 ES6 的解析語法 this.billItemLIsts = { ...this.billItemLIstsOriginal }

補充知識:VUE(ES6) 導出變量、常量,方法

在lib.js文件中, 使用 export{接口} 導出接口, 大括號中的接口名字為上面定義的變量, import和export是對應的;

//lib.js 文件let bar = 'stringBar';let foo = 'stringFoo';let fn0 = function() { console.log('fn0');};let fn1 = function() { console.log('fn1');};export{ bar , foo, fn0, fn1}//main.js文件import {bar,foo, fn0, fn1} from './lib';console.log(bar+'_'+foo);fn0();fn1();

以上這篇淺談vue 多個變量同時賦相同值互相影響就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 中文字幕一区二区三区不卡在线 | 精品福利av导航 | 中文字幕91 | 少妇精品久久久久久久久久 | 亚洲精品亚洲人成人网 | 91一区 | 日韩视频免费 | 日本久久精| 免费网站国产 | 国产乱码精品1区2区3区 | 日韩电影免费观看中文字幕 | 在线日韩在线 | 91精品国产91久久久久久密臀 | 日本一区二区三区在线观看 | 国产在线观看不卡一区二区三区 | 色精品视频 | 国产ts人妖系列高潮 | 久久国产精品一区二区 | 波多野结衣电影一区 | 日韩国产在线 | 精品久久国产 | 天天射天天干 | 亚洲一区二区三区在线免费 | 国产日韩欧美中文 | 精品国产一区久久 | 亚洲www | 91亚洲国产 | 九九久久精品视频 | 亚洲欧美一区二区在线观看 | 国产成人精品网站 | 九色视频网站 | 亚洲三级av | 日韩欧美精品 | 黄色播放| 九色 在线| 一级日韩| 国产98色在线 | 中文在线一区二区 | 日韩欧美三级电影在线观看 | 亚洲精品一区二三区不卡 | 亚洲视频不卡 |