小编pos*_*ing的帖子

我使用这个包：https : //www.npmjs.com/package/vue-recaptcha-v3

我添加了我的 main.js ：

import { VueReCaptcha } from 'vue-recaptcha-v3'

Vue.use(VueReCaptcha, { siteKey: 'xxxxxxx' })

我添加此代码：

await this.$recaptcha('login').then((token) => {
    recaptcha = token
})

到我的组件以从 google recapchta 获取令牌

我的问题是右下角的验证码图标出现在所有页面上

我希望它只出现在某些组件中

也许我必须改变这一点：Vue.use(VueReCaptcha, { siteKey: 'xxxxxxxxxxxxxxxxx' })。似乎它仍在安装到Vue.use. 我想挂载到某个组件而不是 vue 根实例

我怎么解决这个问题？

更新

我尝试这样：

Vue.use(VueReCaptcha, {
  siteKey: 'xxxxxxx',
  loaderOptions: {
    useRecaptchaNet: true,
    autoHideBadge: true
  }
})

它隐藏了徽章。我希望徽章仍然出现。但仅在 1 个页面上，即注册页面。我该怎么做？

我的组件

<v-form>
  <v-container>
    <v-row>        
      <v-col cols="12" sm="6" md="3">
        <vue-tel-input v-model="phone"></vue-tel-input>
      </v-col>
    </v-row>
  </v-container>
  <v-btn
    color="success"
    @click="submit"
  >
    submit
  </v-btn>
</v-form>

当我点击提交时，我只收到电话。我怎样才能获得国家代码？

【参考】https://www.npmjs.com/package/vue-tel-input-vuetify

[代码笔] https://codepen.io/positivethinking639/pen/YzzjzWK?&editable=true&editors=101

我已经按照参考：https : //eslint.org/docs/user-guide/configuring#ignoring-files-and-directories，但它不起作用

我想禁用它，因为在运行npm run serve有关额外分号、空格等时我有很多警告

我的项目使用 vuetify

我制作 .eslintignore 并添加这样的脚本：

../src/*.js

我尝试运行npm run serve，但警告仍然存在

我尝试添加：

"eslintIgnore": ["store.js", "Home.vue"]在package.json，但它也不起作用

而我已经按照文档

我怎么解决这个问题？

更新：

我尝试像这样改变：

src/**/*.js
src/**/*.vue

这是行不通的

运行需要什么npm run build？

我有项目 vue

我想将其安装到新服务器

我只需要运行npm install吗？