{{p.pcName}}
当前位置:   article > 正文

antd select 设置默认选中_a-select 默认选中第一个

a-select 默认选中第一个

select 的数据是从后台获取的,用v-model做了绑定,获取数据后给绑定值设置了值,也实现了默认选择,但是却不能再选择了,始终都是设置的那个值,在绑定对象中加了设置初始值后才能正常选择

<a-select v-model="queryParam.pcId" style="width:300px;">
   <a-select-option v-for="p in pcData" :key="p.id" :value="p.id">{{p.pcName}}</a-select-option>
</a-select>
  • 1
  • 2
  • 3
queryParam:{pcId:''}, //设置了初始值后正常
  • 1
getAction('/list', p).then(res => {
          if (res.success) {
            this.pcData = res.result.records
            if (this.pcData.length > 0) {
              this.queryParam.pcId = this.pcData[0].id
            }
          }
        })
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/151752
推荐阅读
相关标签