小编Séb*_*rre的帖子

我实际上在一个项目上工作，该项目由使用 Vuetify 在 Nuxt.js 网站上的 Jsons 显示数据组成。我在我的布局中创建了一个选择器来选择用户想要显示的 Json。我需要从我项目的所有不同页面访问这个变量。

这是我的default.vue样子：

<template>
  <v-overflow-btn
    :items="json_list"
    label="Select an Json to display"
    v-model="selected_json"
    editable
    mandatory
    item-value="text"
  ></v-overflow-btn>
</template>

<script>
export default {
  data() {
    return {
      selected_json: undefined,
      json_list: [
        {text: "first.json"},
        {text: "second.json"},
      ],
    }
  }
}
</script>

我想从所有不同页面访问的变量是selected_json.

我在互联网上看到很多东西，例如 Vuex 或包含通过 URL 传递变量的解决方案。但我是网络编程的新手（一周前开始使用 Vue/Nuxt），我真的不明白如何在我的项目中应用它。因此，如果有更简单的方法或很好的解释，我很感兴趣！

在此先感谢您的帮助 ：）

我实际上正在使用 Vuetify 在 nuxt.js 中构建一个网站。我创建了一个基于 one v-overflow-btn, onev-text-field和 one的菜单v-btn。 这是我的菜单实际上的样子。

因为我有点疯狂，我想更改我的底部边框颜色v-overflow-btn以匹配菜单的所有不同分隔线颜色栏。默认情况下，颜色为黑色。

我已经尝试在样式部分定义我自己的 CSS，如下所示：

<style>
  v-overflow-btn {
    border-color:grey !important;
  }
</style>

但一切都没有改变……

有人可以帮助我更改此边框颜色吗？提前致谢 ：）

我使用 Vuetify.js 创建了一个 Nuxt 网页，该网页从表单生成电子邮件签名以供填写。签名的渲染显示在一个v-card元素中。我添加了一个v-btn来自动将签名复制到用户的剪贴板中，但是我有一些问题......

我尝试使用nuxt-clipboard2来自 npm 来帮助我执行此操作，但没有任何效果...

有没有人知道如何正确使用这个包或有替代方法使用 Nuxt.js 将内容复制到剪贴板？

提前致谢 ：）

编辑

这是我的代码：

<template>
    <v-container fluid>

        <div class="display-3">Email signature</div>

        <signForm></signForm>

        <v-divider></v-divider>

        <v-container>
            <v-row justify="center" align="center">
                <v-col md="12">
                    <v-row justify="center" align="center">
                        <v-card color="fafafa" class="pa-3">
                            <signTemplate ref="foo"></signTemplate>
                        </v-card>
                    </v-row>
                </v-col>
                <v-btn class="ma-2" @click="copySign" tile>
                    <v-icon left>mdi-content-copy</v-icon>Copy the signature
                </v-btn>
            </v-row>
        </v-container>

    </v-container>
</template>


<script>
import signTemplate from '~/components/SignTemplate.vue'
import signForm from '~/components/signForm.vue'

export default {
  methods: {
    async copySign() {
        try {
            await this.$copyText(foo); …

我正在尝试在 AWS 上配置一个 CodePipeline，它将我的 Nuxt 网站放在 Github 上，运行命令npm run generate生成静态网站，然后将dist文件夹上传到S3 存储桶上。

这是我的buildspec.yml样子：

version: 0.2

phases:
  install:
    commands:
      - npm install
  build:
    commands:
      - npm run generate
  post_build:
    commands:
      - aws s3 sync dist $S3_BUCKET

我得到的错误是：The user-provided path dist does not exist.有人知道如何纠正吗？我读了很多关于人工制品的书，但我以前从未使用过它们……

提前致谢，