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中会出问题,只需要区分命名就可以解决问题

相关推荐
橙子家7 小时前
浏览器缓存之【基础键值存储】:Local storage 和 Session storage
前端
星星在线10 小时前
MusicFree:一个「All in One」的个人音乐服务器,让听歌回归简单
前端·后端
IT_陈寒10 小时前
Redis的SETNX并发问题让我加了三天班
前端·人工智能·后端
demo007x11 小时前
Docling 文档转换以及技术架构分析
前端·后端·程序员
京东云开发者11 小时前
京东市民服务又“上新”!这次是黑龙江“龙易办”
前端
袋鱼不重12 小时前
我的神奇同事,AI 用多了居然写了个 Open In Codex
前端·后端·ai编程
竹林81812 小时前
Web3表单签名验证:我用 wagmi 和 ethers 给 DApp 加了一个“免密登录”,踩坑记录全在这了
javascript
用户69903048487512 小时前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
雪碧聊技术12 小时前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript
Fireworks13 小时前
深入vue3源码解读 -- 1、响应式的基础概念
前端