vue.js - 元素 UI 按钮块

Question

我正在开始一个 vue js 项目，我决定使用非常漂亮的Element UI 。

问题是我在他们的文档中找不到如何制作一个与放置它的列具有相同宽度的块按钮。

如果您能指出这一点，我将不胜感激。谢谢！

Answer 1

请记住，vue 将 style/class 属性分派给组件的父元素。

所以以下应该工作：

<el-button style="width: 100%">Default</el-button>

Answer 2

您可以通过在其中添加全角列来实现，就像这样。

<el-row>
         <el-col :span="24">
             <el-button type="primary"> Your Button Here </el-button>
         </el-col>
 </el-row>