vue 手动设置el-select的model值,不会自动选择 el-option,只显示value不显示label

avatar 2024年01月10日12:07:52 0 703 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此

我在一个页面传入一个ID

没有自动选择下拉框里的value

vue 代码如下

<el-select v-model="form.houseId" required
           placeholder="请选择所属房屋:【房屋编号】地址">
  <el-option
    v-for="item in houseList"
    :label="'【FW'+item.id+'】 '+item.address"
    :value="item.id"/>
</el-select>

 

猜测原因是传进来的并赋值的 form.houseId 和 item.id 的值不相同,基于猜测,尝试将 form.houseId转成int类型,果然解决

代码如下

created() {
    if (this.$route.query.addHouseId != null) {
      this.form.houseId = parseInt(this.$route.query.addHouseId)
    }
    // ...
}

 

 

  • 微信
  • 交流学习,资料分享
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0