vue 将button按钮置于最右边

在Vue中，如果你想将按钮放在页面的最右边，你可以通过CSS布局技巧来实现。通常我们会使用Flexbox或者Grid布局。这里是一个简单的示例：

首先，在HTML中创建一个按钮元素：

<template>
  <div class="container">
    <button @click="doSomething">点击我</button>
  </div>
</template>

然后在CSS部分，给包含按钮的`container`应用样式：

.container {
  display: flex; /* 使用 Flexbox 布局 */
  justify-content: flex-end; /* 将内容向右对齐 */
  align-items: center; /* 如果需要，垂直居中内容 */
  width: 100%; /* 或者设置一个具体的宽度 */
}

在这个例子中，当你点击`button`标签时，`doSomething`方法会被触发（假设它已经存在并且有对应的实现）。`justify-content: flex-end`会使按钮出现在容器的右侧。

如果你想要使用Grid布局，可以这样做：

<template>
  <div class="container grid-container">
    <button @click="doSomething">点击我</button>
  </div>
</template>

<style>
.container.grid-container {
  display: grid;
  place-items: end; /* 使用Grid布局，元素会放置在行的末尾 */
  width: 100%;
}
</style>