小编OG *_*bby的帖子

我已经安装了 vuelidate 2 来验证 NuxtJS 项目中的表单。我按照vuelidate 文档的安装和设置说明进行操作。这是我的安装文件到目前为止的样子：

包.json

"dependencies": {
"@nuxtjs/axios": "^5.13.6",
"@vue/composition-api": "^1.6.1",
"@vuelidate/core": "^2.0.0-alpha.41",
"@vuelidate/validators": "^2.0.0-alpha.29",
"core-js": "^3.19.3",
"nuxt": "^2.15.8",
"vue": "^2.6.14",
"vue-server-renderer": "^2.6.14",
"vue-template-compiler": "^2.6.14",
"vuelidate": "^0.7.7",
"webpack": "^4.46.0"
},

@vue/composition-api的plugins/composition-api.js

import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

插件/vuelidate.js

import Vue from 'vue'
import Vuelidate from 'vuelidate'   
Vue.use(Vuelidate)

nuxt.config.js

plugins: [
{ src: '~/plugins/composition-api.js' },
{ src: '~/plugins/vuelidate' },
],

组件/form.vue

<template>
<form @submit.prevent="submitForm">
  <div>
    <label for="name">Name:</label>
    <input v-model="name" type="text" name="name" /> …