在VUE3中使用el-dropdown时,出现了下面的报错
是因为vue 3.x 增加了v-slot的指令,去掉了原来的slot,slot-scope属性。
el-dropdown-menu标签外面加上
如下图:
<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>
看结果