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]" />