在VUE3中使用el-dropdown时,出现了下面的报错

是因为vue 3.x 增加了v-slot的指令,去掉了原来的slot,slot-scope属性。

el-dropdown-menu标签外面加上<template v-slot:dropdown> </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>

 看结果

Logo

前往低代码交流专区

更多推荐