先上代碼：

創(chuàng)新互聯(lián)建站基于分布式IDC數(shù)據(jù)中心構(gòu)建的平臺(tái)為眾多戶提供中國(guó)電信成都樞紐中心 四川大帶寬租用 成都機(jī)柜租用 成都服務(wù)器租用。

//...

  

    
      {{item.value}}
    
    {{selected}}
  
  

上面的代碼就是采用vue的v-for指令綁定數(shù)據(jù)生成option，但今天學(xué)習(xí)寫的時(shí)候突然發(fā)現(xiàn)一個(gè)問題，即將計(jì)算屬性da綁定到v-for指令上，然后再替換源數(shù)據(jù)options，結(jié)果da計(jì)算屬性正確，而selected屬性并沒有變化。也就是頁(yè)面上的下拉框在非展開情況下的文字并沒有改變，如下圖：

這里可以看到下拉框的option已經(jīng)更新，然而selected屬性并沒有隨之同步更新，因?yàn)樗彺媪松洗芜x擇的值。

這里如此設(shè)計(jì)不知是否合理，因?yàn)槲矣眠@種用法用的比較少。

但有問題就要解決。在computed中的計(jì)算屬性中增加selected=''，每次更新依賴則重置selected屬性。

以上這篇解決vue 更改計(jì)算屬性后select選中值不更改的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。