小编Fab*_*chi的帖子

是否可以在单击后立即关闭导航抽屉并打开的情况下加载网站，例如移动菜单？

我正在使用Vuetify：

<template>
  <v-app toolbar--fixed toolbar footer>
    <v-navigation-drawer
    temporary
    v-model="sideNav"
    enable-resize-watcher
    disable-route-watcher
    right
    dark
    absolute>
      <v-list dense>
        <v-list-tile
          v-for="item in menuItems"
          :key="item.title"
          router
          :to="item.link">
          <v-list-tile-action>
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-tile-action>
          <v-list-tile-content class="sidemenu-item">{{ item.title }}</v-list-tile-content>
        </v-list-tile>
      </v-list>
    </v-navigation-drawer>
    <v-toolbar dark class="blue-grey darken-4">
      <v-toolbar-title>
        <router-link to="/" tag="span" style="cursor: pointer">
          <img class="logo" src="static/images/main_logo.png" alt="">
        </router-link>
      </v-toolbar-title>
      <v-spacer></v-spacer>
      <v-toolbar-side-icon
        @click.stop="sideNav = !sideNav"></v-toolbar-side-icon>
    </v-toolbar>
    <main>
      <router-view></router-view>
    </main>
    <v-footer class="blue-grey darken-4 main-footer">
      <span class="white--text main-footer">© {{ new Date().getFullYear() }}</span>
    </v-footer>
  </v-app>
</template>

<script>
  export default …

我正在使用 nuxt/content 模块创建一个文档站点。

在Nuxt 博客上，他们有一篇文章在单独的 index.vue 页面上显示内容，并在 _slug.vue 页面上显示文章详细信息。

我想做的是使用不同的布局在同一页面上显示文章/帖子列表。

这是我正在使用的文件夹结构：

content (folder)
    articles (folder)
        article1.md
        article2.md
        article3.md
pages (folder)
    blog (folder)
        _slug.vue
        index.vue

这就是 my_slug.vue 文件：

<template>
  <div class="flex">
    <aside class="w-1/3">
      <ul>
        <li v-for="article in articles" :key="article.slug">
          <NuxtLink :to="{ name: 'blog-slug', params: { slug: article.slug } }">
            <div>
              <h2>{{ article.title }}</h2>
            </div>
          </NuxtLink>
        </li>
      </ul>
    </aside>
    <main class="w-full">
      <h1>{{ article.title }}</h1>

      <p>Article last updated: {{ formatDate(article.updatedAt) }}</p>

      <nuxt-content :document="article" />

      <prev-next :prev="prev" :next="next" />
    </main>
    <aside class="w-1/3"> …

有谁知道如何对每个芯片项目进行验证（使用 vee-validate）？

我有这段代码：

<v-select
  class="elevation-0 mt-border-bottom"
  v-model="PhoneNumber"
  label="Add phone number"
  chips
  tags
  solo
  prepend-icon="phone"
  clearable
  :error-messages="errors.collect('Phone Number')"
  v-validate="'required|numeric'"
  data-vv-name="Phone Number"
  required
>
    <template slot="selection" slot-scope="data">
        <v-chip
          close
          outline
          dark
          @input="remove(data.item)"
          :selected="data.selected"
        >
            <strong>{{ data.item }}</strong>
        </v-chip>
    </template>
</v-select>

<script>
    export default {
        data () {
            return {
                PhoneNumber: []
            }
        },
        methods: {
            async submitNewNumber () {
                await this.$validator.validateAll().then((isValid) => {
                    if (isValid) {
                        console.log('submitted')
                    } else {
                        return false
                    }
                })
            }
        }
    }
</script>

现在验证只发生在整个电话号码输入上。我想知道如何让它在每个芯片上工作，在这个输入中将 min_value 设置为 9，将 …

我正在一个项目中工作，该项目有不同的用户使用他们的徽标。基于 API 调用，我想加载具有不同调色板的不同 CSS。

现在我有一个css文件夹里面assets的文件夹与main.js（我的自定义字体风格等）和其他文件中有自定义调色板：<color-name>-palette.css。

在我中，nuxt.config我这样称呼 CSS 颜色：

  css: [
    '~/assets/style/app.styl',
    '~/assets/css/main.css',
    '~/assets/css/orange-palette.css'
  ],

有什么方法可以根据 URL 路径/API 调用绑定 CSS 文件而不是将路径放在那里？

我不确定我是否也可以在模板上使用它，将 CSS 文件绑定在那里。是否可以？

谢谢

我目前正在使用 Vuetify 1.5.18，并在尝试使用组件toolbar和list-group.

菜单正在工作，但是当我单击展开时它会关闭。

这是 CodePen： https: //codepen.io/fabiozanchi/pen/dybBmKj

这里有以下代码：

超文本标记语言

<div id="app">
  <v-app id="inspire">
    <v-toolbar>
      <v-toolbar-title>Title</v-toolbar-title>
      <v-spacer></v-spacer>
      <v-toolbar-items class="hidden-sm-and-down">
        <v-btn flat>Link One</v-btn>
        <v-btn flat>Link Two</v-btn>
        <v-btn flat>Link Three</v-btn>
        <v-menu open-on-hover bottom offset-y>
        <template v-slot:activator="{ on }">
          <v-btn
            color="primary"
            dark
            v-on="on"
          >
            Dropdown
          </v-btn>
        </template>

        <v-list>
            <v-list-group
              v-for="item in items"
              :key="item.title"
              v-model="item.active"
              :prepend-icon="item.action"
              no-action
            >
              <template v-slot:activator>
                <v-list-tile>
                  <v-list-tile-content>
                    <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                  </v-list-tile-content>
                </v-list-tile>
              </template>

              <v-list-tile
                v-for="subItem in item.items"
                :key="subItem.title"
                @click=""
              >
                <v-list-tile-content>
                  <v-list-tile-title>{{ subItem.title }}</v-list-tile-title>
                </v-list-tile-content> …

有人知道如何在 Nuxt 应用程序中使用 tawk.to 吗？

我使用以下代码在我的插件文件夹中创建了一个文件“tawk.js”：

var Tawk_API = Tawk_API || {},
  Tawk_LoadStart = new Date()
  (function () {
    var s1 = document.createElement('script')
    s0 = document.getElementsByTagName('script')[0]
    s1.async = true
    s1.src = 'https://embed.tawk.to/[my_ID_HERE]/default'
    s1.charset = 'UTF-8'
    s1.setAttribute('crossorigin', '*')
    s0.parentNode.insertBefore(s1, s0)
  })()

我也把它放在 nuxt.config.js 上：

  plugins: [
    { src: '~/plugins/tawk.js', ssr: false }
  ]

它没有用。它确实显示了一些编译错误：

1:1   error  Split initialized 'var' declarations into multiple statements
1:5   error  Identifier 'Tawk_API' is not in camel case
1:16  error  Identifier 'Tawk_API' is not in camel case …