在使用Element-ui写项目的时候,使用到里面的一个叫Cascader 级联选择器的组件。
这个组件正常的效果是这样的:
1.x版本的级联选择器的代码如下:
<div class="block">
<span class="demonstration">hover 触发子菜单</span>
<el-cascader
expand-trigger="hover"
:options="options"
v-model="selectedOptions2"
@change="handleChange">
</el-cascader>
</div>
虽然1.x版本已经停止维护,但是还是需要知道一下,因为有一些教学使用的依然是1.x版本的写法。
这是2.x版本的代码:
<div class="block">
<span class="demonstration">hover 触发子菜单</span>
<el-cascader
v-model="value"
:options="options"
:props=