元素 UI 按钮块答案

【问题标题】：Element UI Button block元素 UI 按钮块
【发布时间】：2018-06-25 06:13:59
【问题描述】：

我正在开始一个 vue js 项目，我决定使用Element UI，它的接缝非常好。

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

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

【问题讨论】：

【解决方案1】：

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

所以以下应该可以工作：

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

【讨论】：

所以基本上我必须自己定义样式？
我没有使用过这个框架，但是通过快速查看文档我找不到其他任何东西。就像我说的那样，一个类也被分派给父类，因此您可以编写一个 .stretch 类并将其应用于需要它的按钮。
我明白了。我不太乐意这样做，但是您展示的解决方案有效。谢谢你:)
只是提一下。如果您不满意，您还可以将按钮包装在一个新组件中（我们称之为 el-button-full），该组件包装样式 + 按钮并改用这个。

【解决方案2】：

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

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

【讨论】：