我有一个电子邮件字段

    <template>
  <v-form v-model="valid">
    <v-text-field
      label="Name"
      v-model="name"
      :rules="nameRules"
      :counter="10"
      required
    ></v-text-field>
    <v-text-field
      label="E-mail"
      v-model="email"
      :rules="emailRules"

    ></v-text-field>
  </v-form>
</template>

和验证规则，例如，

 <script>
  export default {
    data: () => ({
      valid: false,
      name: '',
      nameRules: [
        v => !!v || 'Name is required',
        v => v.length <= 10 || 'Name must be less than 10 characters'
      ],
      email: '',
      emailRules: [ 
        v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E-mail must be valid'
      ]
    })
  }
</script>

但它会在我提交表单时验证表单，只有当 email.length>0 时我才需要验证电子邮件。即电子邮件不是必填字段，但如果输入电子邮件，则必须进行验证。

也试过了，当我:rules="[emailRules.em]" 像这样在脚本中改变时

emailRules: { 
                        em:v => …

我 google-oauth.js在 nuxt 应用程序中有插件。我将插件加载到nuxt.config.js文件中。

plugins: [
        { src: '@plugins/google-oauth.js', ssr: false }
   ],

而且效果很好。但这会在应用程序安装之前加载插件。我只需要 1 个组件。

1. 那么，一旦应用程序完全安装或仅在该组件中加载插件，有什么方法可以加载插件吗？

我在组件页面中尝试了以下操作

export default {
  plugins: [{ src: '@plugins/google-oauth.js', ssr: false }],
  components: {
     CreateEmail
  },
/*  */
}

但它不加载页面。

2.另外，有没有办法只在应用程序的登录页面加载设计，并在登录加载后安装应用程序。