当前位置: 首页 > article >正文

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


http://www.kler.cn/a/470181.html

相关文章:

  • Android存储方案对比(SharedPreferences 、 MMKV 、 DataStore)
  • 定时器PWM模拟DAC计算方法
  • php反序列化 ctf例题演示 框架安全(TP,Yii,Laravel) phpggc生成框架利用pop
  • 六祖坛经主要讲什么,现代心理学或哲学,有什么和它对应
  • C++二十三种设计模式之抽象工厂模式
  • 旷视科技C++面试题及参考答案
  • GitLab创建用户,设置访问SSH Key
  • 数造科技荣获 2024 年“年度数据资源创新开发企业”
  • 软件体系结构与设计模式
  • 解决GitHub上的README.md文件的图片内容不能正常显示问题
  • Springboot启动报错:Failed to start bean ‘documentationPluginsBootstrapper‘
  • 软件项目体系建设文档,项目开发实施运维,审计,安全体系建设,验收交付,售前资料(word原件)
  • mybatisX插件的使用,以及打包成配置
  • 阿里云 Pod介绍
  • 如何利用Java爬虫批量获取商品信息案例指南
  • 腾讯云日志服务根据网段过滤非法数据
  • Elasticsearch:基础概念
  • 13、Ollama OCR
  • MATLAB算法实战应用案例精讲-【数模应用】马尔科夫链(附python和R语言代码实现)
  • 机器学习实战——支持向量机(SVM)
  • Babylon.js中的向量操作:BABYLON.Vector3的数学方法
  • java-type-tool 轻量级java type工具类库
  • 第二十六天 RNN在NLP中的应用
  • 分布式多机多卡训练全景指南:MPI、DeepSpeed 与 Colossal-AI 深度解析
  • 密码学科普
  • USB 驱动开发 --- Gadget 驱动框架梳理