Vue.js 元素UI按钮块

我正在启动一个vue js项目，我决定使用非常好的接缝

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

---

如果你能指出这一点，我将不胜感激。谢谢大家!

请记住，vue将样式/类道具分派给组件的父元素

因此，以下措施应该有效：

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

默认值

请记住，vue会将样式/类道具分派给组件的父元素

因此，以下措施应该有效：

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

默认值

您可以在其中添加一个全宽列， 像这样

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

你的按钮在这里

您可以在其中添加一个全宽列， 像这样

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

你的按钮在这里

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