Vue.js Vuetify.js：如何在左右两侧的 vcard 中放置按钮操作

发布于10月29日

在v-card的v-card-actions组件中，我想用mr-0将一个按钮放在左边，另一个放在右边(边距right=0)，但这两个按钮总是彼此靠近.

我try 的是:

按钮的left号和right号提案
按钮之间有v-spacer个组件

代码:

<v-card>
  <v-card-title primary-title>
    <div>
      <h3 class="headline mb-0">Ttile</h3>
      <div>Located two hours south of Sydney in the <br>Southern Highlands of New South </div>
    </div>
  </v-card-title>

  <v-card-actions>
    <v-btn left>Share</v-btn>
    <v-spacer />
    <v-btn right>Explore</v-btn>
  </v-card-actions>
</v-card>

Codepen

如何解决这个问题？

Vue.js Vuetify.js：如何在左右两侧的 vcard 中放置按钮操作

推荐答案

Vue.js相关问答推荐

Vue3组合-如何在组件卸载时注销回调

vue3 输入标签给出错误 Vue.use 不是函数

如何在 vuejs 中导入和使用本地 .csv 文件

JSDoc 单文件 Vue 组件

将props传递给设置时的VueJS 3组合API和TypeScript类型问题：类型上不存在属性 user用户

我可以从手表调用方法并安装吗？

作用域slots和 IE11 的问题

Object.assign 没有正确复制

未捕获的类型错误：无法读取未定义的属性initializeApp

vue 在 v-model 之后执行 @click

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入？

Vue CLI - 将构建输出组合到单个 html 文件

如何告诉 Vue-cli 我的应用程序的入口点在哪里？

为什么 Vue.js 使用 VDOM？

'vue' 未被识别为内部或外部命令

Vuejs css 范围性能

在vue中单击时如何模糊元素

更改事件上的 Select2 在 Vuejs 中不起作用

v-for 中的计算(Computed)/动态(Dynamic) v-model 名称

如何在 Vue 数据对象中运行函数？