Javascript 如何在左下角和右下角vue js vutify中设置v-btn？

我试图这样做，但无法设置两个按钮在两个底部角落。 下面的代码保持两个按钮并排。但我需要一个按钮在左边，另一个在右边

<v-card-actions>
 <v-spacer />
  <v-btn color="primary" v-on:click="gotosignup">SignUp</v-btn>
  <v-btn color="primary" v-on:click="gotohome">Login</v-btn>
</v-card-actions>

报名
登录

---

]

您可以通过以下方式轻松实现：

.spacer{高度：90vh}

报名
登录

v-card-actions

是flexbox。只需在第二个btn上使用

ml auto

    <v-card>
        <v-card-actions>
            <v-btn color="primary">SignUp</v-btn>
            <v-btn color="primary" class="ml-auto">Login</v-btn>
        </v-card-actions>
    </v-card>

    <v-card>
        <v-card-actions>
            <v-btn color="primary">SignUp</v-btn>
            <v-btn color="primary" class="ml-auto">Login</v-btn>
        </v-card-actions>
    </v-card>

    <v-card>
        <v-card-actions class="justify-space-between">
            <v-btn color="primary">SignUp</v-btn>
            <v-btn color="primary">Login</v-btn>
        </v-card-actions>
    </v-card>