元素 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>

Element UI Button block