element-ui级联选择器Hover问题

最新推荐文章于 2023-09-09 21:00:00 发布

老王呼呼大睡

最新推荐文章于 2023-09-09 21:00:00 发布

阅读量1k

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_60234005/article/details/126274020

版权

官方示例：

<span class="demonstration">hover 触发子菜单</span>
  <el-cascader
    v-model="value" 
    :options="options"  
    :props="{ expandTrigger: 'hover' }"
    @change="handleChange"></el-cascader>

解决办法：

          <el-cascader
            v-model="catevalue"  //把选定的值的id 双向绑定到数组中
            :options="cateList" //级联选择器的样式？
            :props="cateProps"    //数据来源
            expand-trigger="hover"//移动效果 不需要点击
            @change="handleChange"//改变事件
          ></el-cascader>

由于之前的办法已经废除了就用了这个办法同样是移动鼠标选择二三级菜单不需要点击

觉得有用就点个赞吧