vue3
中使用el-dropdown
时,页面显示报错,vscode也会有报错提示
是因为vue 3.x
增加了v-slot
的指令,去掉了原来的slot
,slot-scope
属性。
需要在el-dropdown-menu
标签外面加上 v-slot:dropdown
<el-dropdown>
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<template v-slot:dropdown> //加上这个
<el-dropdown-menu> //去掉slot
<el-dropdown-item>黄金糕</el-dropdown-item>
<el-dropdown-item>狮子头</el-dropdown-item>
<el-dropdown-item>螺蛳粉</el-dropdown-item>
<el-dropdown-item disabled>双皮奶</el-dropdown-item>
<el-dropdown-item divided>蚵仔煎</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>