El-cascader cascade selector style error in el-dialog

  1. I introduced el-cascader in el-dialog, but there is a problem with the display style of the cascaded display.
  2. style code 
    <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. error screenshot

Vue.js element-ui
Apr.10,2022

upstairs is right to see why the layout is messed up
. If it is convenient to paste the settings

of options , rewrite the style of cascader. Given a width, if it exceeds the width, a horizontal scroll bar is displayed.

there is no confusion as you said, the pop-up title sets the center attribute to be centered, your display is left, review the lower cascading elements, it should be your own style that affects it.

clipboard.png
https://jsfiddle.net/t5q3saon/

check the layout

Previous: React native development app,release version on IOS switch background running, and then cut back after the APP white screen, how to solve?

Next: Meta setting cache-control invalidation

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu