close

nuxtjs + vuetifyjs 

安裝 VeeValidate

$ npm install vee-validate --save

nuxt.config.js

  plugins: [
    ...
    '~/plugins/veeValidate'
  ],

plugins\veeValidate.js

import Vue from 'vue'
import { ValidationProvider, localize } from 'vee-validate/dist/vee-validate.full'
import zh from 'vee-validate/dist/locale/zh_TW.json'
 
// 載入所有檢核條件並指定語系
Vue.component('ValidationProvider', ValidationProvider)
localize('zh_TW', zh)

 

注意 : 預設無法在TypeScript中導入JSON文件，確保有以下設定

jsconfig.json

{
  "compilerOptions": {
    ...
    "resolveJsonModule": true,
    "esModuleInterop": true
  },
}

 

arrow
arrow
    文章標籤
    nuxtjs vuetifyjs veeValidate
    全站熱搜

    vivian 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄