el-cascader级联选择器在el-dialog中样式出错

Question

1. 我在 el-dialog 中引入了 el-cascader 不过级联显示器的显示样式出了问题。
2. 样式代码

    <el-dialog title="换台" :visible.sync="changeTableDialogVisible" width="40%" center>
      <el-cascader :options="options" @change="handleChange"></el-cascader>
      <span slot="footer" class="dialog-footer">
        <el-button @click="changeTableDialogVisible = false">取消</el-button>
        <el-button type="primary" @click="confirmChangeTable">确定</el-button>
      </span>
    </el-dialog>

1. 错误截图

Answer 1

没你说的错乱情况，弹窗标题设置了center属性是居中的，你的显示是居左的，审核下级联的元素，应该是你自己的样式对它造成了影响。

https://jsfiddle.net/t5q3saon/

Answer 2

楼上说的没错，看一下布局为什么乱了
方便的话贴一下options的设置

Answer 3

重写 cascader 的样式，给定一个宽度，如果超出宽度，就显示横向滚动条。

Answer 4

检查一下布局