Vue3+element-plus el-from中el-select选中后无法回显

Vue3+element-plus el-from中el-select选中后无法回显

javascript 复制代码
<el-form 
   :inline="true"
   label-position="top" 
   :model="packageForm" 
   :rules="packageRules"
   ref="packageForm"
   label-width="120px" 
   class="customForm"
 >
   <el-form-item label="添加套餐类型:" prop="packageType">
     <el-select v-model="packageForm.packageType" placeholder="请选择套餐类型" @change="changePackageType">
       <el-option
         v-for="item in package_type"
         :key="item.value"
         :label="item.label"
         :value="Number(item.value)"
       />
     </el-select>
   </el-form-item>
   <el-form-item label="套餐名称:" prop="packageName">
     <el-input v-model="packageForm.packageName" placeholder="请输入套餐名称"/>
   </el-form-item>
 </el-form>

其中问题是el-from的ref和model命名packageForm一样,在vue2可以使用,vue3中会出问题,只需要区分命名就可以解决问题

相关推荐
ai小鬼头11 分钟前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github
wen's18 分钟前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
一只叫煤球的猫1 小时前
普通程序员,从开发到管理岗,为什么我越升职越痛苦?
前端·后端·全栈
vvilkim1 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim1 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
aha-凯心1 小时前
vben 之 axios 封装
前端·javascript·学习
漫谈网络1 小时前
WebSocket 在前后端的完整使用流程
javascript·python·websocket
遗憾随她而去.1 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
xjt_09012 小时前
浅析Web存储系统
前端
喜欢敲代码的程序员2 小时前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis