日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

vue是一款輕量級(jí)的mvvm框架，追隨了面向?qū)ο笏枷?，使得?shí)際操作變得方便，但是如果使用不當(dāng)，將會(huì)面臨著到處踩坑的危險(xiǎn)，寫這篇文章的目的是我遇到的這個(gè)問題在網(wǎng)上查了半天也沒有發(fā)現(xiàn)解決方案，最終研究了vue的源碼中有關(guān)select元素的部分找到了答案，下面簡單介紹我踩的關(guān)于select的一個(gè)坑：

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比珠海網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式珠海網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋珠海地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

使用場景：有兩個(gè)select元素，一個(gè)select元素變動(dòng)時(shí)，動(dòng)態(tài)修改另一個(gè)select中填充的內(nèi)容，并默認(rèn)選擇第一項(xiàng)，問題來了，每次當(dāng)我提交form數(shù)據(jù)時(shí)發(fā)現(xiàn)：從slave元素對(duì)應(yīng)的數(shù)據(jù)沒有更新到響應(yīng)vue對(duì)象相關(guān)屬性，奇怪的是當(dāng)我使用jquery獲取該select的val()方法獲取的是最新的數(shù)據(jù)，那么問題就來了：為什么元素的值發(fā)生了變動(dòng)卻沒有更新到vue對(duì)象相關(guān)屬性？

vue中相關(guān)源碼：

// attach listener
this.listener = function () {
var value = getValue(el, multiple);
value = self.params.number ? isArray(value) ? value.map(toNumber) : toNumber(value) : value;
self.set(value);
};
this.on('change', this.listener);

看到了吧，只有select的change事件才會(huì)觸發(fā)select元素的value值更新到vue對(duì)象相關(guān)屬性，但我在使用select時(shí)從select的內(nèi)容是我使用js代碼追加的，選擇第一項(xiàng)也是代碼追加，這樣就沒有觸發(fā)vue中select的listener 函數(shù)，當(dāng)然這種情況僅僅出現(xiàn)在保存數(shù)據(jù)時(shí)沒有改變從select內(nèi)容而采用默認(rèn)第一項(xiàng)，所以如果用戶選擇select的其他項(xiàng)后再切回第一項(xiàng)就可以觸發(fā)該事件完成vue對(duì)象屬性變更。

上面的解決方案不夠友好，使用者會(huì)反感這種操作，那么如何解決呢？

我這里給出我的解決方案：在使用js代碼追加內(nèi)容到從select后，使用更改從select對(duì)應(yīng)的vue對(duì)象屬性來實(shí)現(xiàn)默認(rèn)選擇第一項(xiàng)。

以上這篇解決vue select當(dāng)前value沒有更新到vue對(duì)象屬性的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。