Cascader 级联选择器hover选择效果

Posted 2022-04-26 robinunix

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Cascader 级联选择器hover选择效果相关的知识，希望对你有一定的参考价值。

官网例子

<div class="block">
  <span class="demonstration">hover 触发子菜单</span>
  <el-cascader
    v-model="value"
    :options="options"
    :props=" expandTrigger: ‘hover‘ "   这样是不生效的
    @change="handleChange"></el-cascader>
</div>

应该写成下面这样

<div class="block">
  <span class="demonstration">hover 触发子菜单</span>
  <el-cascader
    expand-trigger="hover"
    :options="options"
    v-model="selectedOptions2"
    @change="handleChange">
  </el-cascader>
</div

以上是关于Cascader 级联选择器hover选择效果的主要内容，如果未能解决你的问题，请参考以下文章

基于layui的cascader级联选择器

element-ui之级联选择器(Cascader) 全选功能

怎么获取cascader级联选择器的值

修改antd级联选择器(cascader)

vue3 cascader级联选择器（无限级动态加载）