element ui 到 element plus的一些小问题

本文介绍了将vue2 + element-ui项目升级到vue3 + element-plus过程中遇到的问题,包括<el-dialog>的可见性修改、<el-drawer>的内容包裹方式以及<el-select>选项过滤的调整。在vue2中使用的方法与vue3中的不同,并提供了相应的解决策略。文章旨在帮助遇到类似问题的开发者。
摘要由CSDN通过智能技术生成

书接上文vue2 + element-ui到 vue3 + elment-plus我遇到的一些问题

以下以及解决方法

<el-dialog>标签中抛弃了:visible.sync的写法,改成v-model就好了

<el-drawer>标签中使用 <template #default>包住你的主题内容

<el-select>标签中有时候可能需要过滤一下出来的选项

element-ui我是这么写的

<el-select v-model="SelectedSprit.miniMap.maxMapID" placeholder="大地图">
      <el-option  v-for="(item,i) in maxMap" :key="'maxmap_'+i"  :label="item.maxName"  :value="item.maxMapID" v-if="item.maxName!='全部'"/>
</el-select>

element-plus改成了这样子

<el-select v-model="SelectedSprit.miniMap.maxMapID" placeholder="大地图">
  <div v-for="(item,i) in maxMap" :key="'maxmap_&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值