element ui 对话框设置固定宽度

宽度设置width属性,默认是百分比,如 width=“30”,表示宽度为 其父元素宽的 30%;
想给固定宽度,使用v-bind指令,加上px单位即可 :width=“‘300px’”,注意引号。

<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  :width="'300px'"
  :before-close="handleClose">
  <span>这是一段信息</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>

猜你喜欢

转载自blog.csdn.net/seimeii/article/details/130769379
今日推荐