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

相关推荐
万叶学编程2 小时前
Day02-JavaScript-Vue
前端·javascript·vue.js
前端李易安4 小时前
Web常见的攻击方式及防御方法
前端
PythonFun4 小时前
Python技巧:如何避免数据输入类型错误
前端·python
知否技术4 小时前
为什么nodejs成为后端开发者的新宠?
前端·后端·node.js
hakesashou4 小时前
python交互式命令时如何清除
java·前端·python
天涯学馆4 小时前
Next.js与NextAuth:身份验证实践
前端·javascript·next.js
HEX9CF5 小时前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
ConardLi5 小时前
Chrome:新的滚动捕捉事件助你实现更丝滑的动画效果!
前端·javascript·浏览器
ConardLi5 小时前
安全赋值运算符,新的 JavaScript 提案让你告别 trycatch !
前端·javascript