vue.js:select默认选中值的问题

使用vue.js的select组件,通过api获得数据,并选中一个值,结果select显示的是id而不是中文

element-ui的select组件

<el-select v-model="selected" placeholder="请选择" class="selection" @change="change">
        <el-option
                v-for="item in games"
                :key="item.id"
                :label="item.title"
                :value="item.id">
        </el-option>
    </el-select>
   

data数据:

return {
                games: [{}],
                selected: this.$store.getters.game_id,
            }
            

api请求,从vuex中取出id,并选中。
created() {

        const game_id = this.$store.getters.game_id
        getGamesByUid().then((response) => {
            this.games = response.message
            this.selected = this.$store.getters.game_id
         }
阅读 6.4k
1 个回答

selected和games里的value要一样才能默认选中的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题