element ui 到 element plus的一些小问题

书接上文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_'+i" >
    <el-option  :label="item.maxName"  :value="item.maxMapID" v-if="item.maxName!='全部'"/>
  </div>
</el-select>

然后是写项目的时候可能有点原因需要跳转以后重新刷新一下到本地页面，vue2中我是这么写的

this.$router.push('/');
this.$router.go(0) 

vue3中我是这么写的

setTimeout(async () => {
				await this.$router.push('/root');
		  		await this.$router.go(0) 
}, 500);

目前我所碰到的问题就这么多，如果还发现了会继续发文的。

希望我所写的对你能够有所帮助。