Vue3 element plus el-input 无法输入el-select不能切换也不显示默认值

前端小蜜蜂w

已于 2024-04-22 18:54:37 修改

阅读量417

点赞数 3

文章标签： vue.js elementui javascript

于 2024-04-22 18:54:35 首次发布

本文链接：https://blog.csdn.net/m0_61840359/article/details/138087680

版权

<el-form ref="seedNumberForm" :model="seedNumberForm" label-width="100px">
       <el-form-item prop="xuanzekuang" label="选择框">
         <el-select v-model="seedNumberForm.xuanzekuang" style="width: 240px" placeholder="选择框" >
           <el-option key="all" label="全部" value="all"/>
         </el-select>
       </el-form-item>
       <el-form-item prop="shurukuang" label="输入框：">
         <el-input v-model="seedNumberForm.shurukuang" disabled  placeholder="输入框"></el-input>
       </el-form-item>
</el-form>

根据上面的代码可以看出这个 el-form 的 ref 和 model 使用的是相同的 seedNumberForm 这造成了冲突可能就导致数据匹配不到了所以默认值也没有显示出来切换或者输入的时候也切换不了，输入不成功 ref 和 model 不相同就可以了

但是这个问题在vue2中好像是没有的

个人观点，如有错误望纠正