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

相关推荐
じòぴé南冸じょうげん4 分钟前
小程序的project.private.config.json是无依赖文件,那可以删除吗?
前端·小程序·json
会豪13 分钟前
Electron主进程渲染进程如何优雅的进行通信
前端
jianghaha201114 分钟前
前端 Word 模板参入特定数据 并且下载
前端·word
跟橙姐学代码14 分钟前
轻松搞定 Python 模块与包导入:新手也能秒懂的入门指南
前端·python·ipython
aiwery20 分钟前
大模型场景下的推送技术选型:轮询 vs WebSocket vs SSE
前端·agent
会豪21 分钟前
前端插件-不固定高度的DIV如何增加transition
前端
却尘21 分钟前
Server Actions 深度剖析(2):缓存管理与重新验证,如何用一行代码干掉整个客户端状态层
前端·客户端·next.js
小菜全21 分钟前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js
Hilaku25 分钟前
面试官开始问我AI了,前端的危机真的来了吗?
前端·javascript·面试
zheshiyangyang35 分钟前
TypeScript学习【一】
javascript·学习·typescript