element组件el-select、el-tree-select有值,不渲染lable

        大致情况是这个样子的............

        之前vue页面和script脚本是放在一个页面的,今天把页面和脚本拆开了。这一拆不打紧,完犊子!它奶奶的el-select、el-tree-select这俩组件不正常显示了!!!

        我这个是vite-vue3 js语法,ts语法强类型,应该木有问题!

        广告:vitePress搭建博客github部署+绑定域名,有需要的小伙伴可以看教程,博客有教程哈。

原因:绑定的值被识别成了number类型

  • el-select

        异常的

<el-select placeholder="请选择岗位" v-model="userParams.postId">
     <el-option v-for="item in sysPostArr" :key="item.id" :label="item.name"     
     :value="item.id" />
</el-select>

        正常的

<el-select placeholder="请选择岗位" v-model="userParams.postId">
      <el-option v-for="item in sysPostArr" :key="Number(item.id)" :label="item.name"         
      :value="Number(item.id)" />
</el-select>
  • el-tree-select

        异常的- “v-model不让转类型”

<el-tree-select v-model="userParams.deptId" node-key="id" :data="sysDeptNode" check-strictly
:props="deptProps" :render-after-expand="false" :default-expanded-keys="[userParams.deptId]" />

        正常的-换成了“:model-value能转String类型”

<el-tree-select :model-value="userParams.deptId.toString()" node-key="id" :data="sysDeptNode" check-strictly
:props="deptProps" :render-after-expand="false" :default-expanded-keys="[userParams.deptId]" />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值