el-cascader自适应宽度

el-cascader 的自适应宽度可以通过设置 `:show-all-levels="false"` 和 `:props="{expandTrigger: 'hover'}"` 来实现。具体方法如下：

1. 设置 `:show-all-levels="false"`：这个属性可以控制 el-cascader 只显示当前选中节点的所有父节点和子节点，而不是显示所有节点。这样可以让 el-cascader 的宽度根据选中节点的层数自适应。

2. 设置 `:props="{expandTrigger: 'hover'}"`：这个属性可以让 el-cascader 的展开触发方式改为鼠标悬浮，而不是默认的点击展开。这样可以避免 el-cascader 在展开时改变宽度造成页面抖动的问题。

结合这两个属性，可以实现 el-cascader 的自适应宽度。代码示例：

<el-cascader
  :options="options"
  :show-all-levels="false"
  :props="{expandTrigger: 'hover'}"
></el-cascader>