鍍金池/ 問答/HTML5  HTML/ 我想在組件的data中使用一些state中定義的常量給下拉框賦默認值并且v-mo

我想在組件的data中使用一些state中定義的常量給下拉框賦默認值并且v-model這個變量,應(yīng)該怎么辦?

我要給下拉框的value賦默認值1,并且綁定這個變量;

<select v-model='selectValue'></select>

但是 直接讓

data(){
   return{ selectValue:1 }
}

這種寫法可讀性不好,所以就想聲明一個常量,因為很多頁面會使用這種常量,
所以我就把他放在了 vuex的state中;

state: {
    // 單一游戲常量
    SINGLE_GAME: 1
}

然后我在組件中引入state,data中直接

data(){
   return{ selectValue:this.SINGLE_GAME }
}

這種寫法可讀性就比較高了;

但是卻無法給selectValue賦值,但是在

created()

方法中打印

this.SINGLE_GAME

卻可以打印出來值;

然后我就不知道該怎么辦了,

因為我要使用

v-model

綁定這個變量,所以應(yīng)該是不可以使用

computed

的,

回答
編輯回答
萢萢糖

data() 中是取不到 computed 的值的,因為 computed 依賴于 data

created() 中 data 和 computed 就都已經(jīng)準備好了,所以你可以在 created 里手動給它賦值:

created () {
  this.selectValue = this.SINGLE_GAME
}
2018年8月27日 05:33