如何使用 VeeValidate 顯示中文訊息 ?
栏目: JavaScript · 发布时间: 7年前
内容简介：VeeValidate 預設顯示英文訊息，但亦可透過設定顯示中文訊息。Vue 2.5.17VeeValidate 2.1.2
VeeValidate 預設顯示英文訊息，但亦可透過設定顯示中文訊息。
Version
Vue 2.5.17
VeeValidate 2.1.2
Introduction
demo.vue
<template>
<div>
<div>
<input v-validate="'required|email'" name="email" type="text">
</div>
<div>
<span>{{ errors.first('email') }}</span>
</div>
</div>
</template>
<script>
import Vue from 'vue';
import VeeValidate, { Validator } from 'vee-validate';
import zh_TW from 'vee-validate/dist/locale/zh_TW';
Vue.use(VeeValidate);
Validator.localize('zh_TW', zh_TW);
export default {
name: 'demo',
};
</script>
14 行
import VeeValidate, { Validator } from 'vee-validate';
除了 import 基本的 VeeValidate 外，還要額外 import Validator ，這是個 named import。
15 行
import zh_TW from 'vee-validate/dist/locale/zh_TW';
將繁體中文的資源檔 import 進來。
19 行
Validator.localize('zh_TW', zh_TW);
使用 Validator.localize() 設定為 zh_TW 。
- 錯誤訊息為中文訊息
Conclusion
- VeeValidate 已經內建繁體中文資源，只要透過
Validator.localize()設定，就可以輕鬆顯示中文訊息
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
PHP典型模块与项目实战大全
杨宇 / 清华大学出版社 / 2012-1 / 79.00元
《PHP典型模块与项目实战大全》以实战开发为原则，以PHP典型模块和项目开发为主线，通过12个高质量的PHP典型模块和6个PHP大型应用，向读者揭示了Web开发的整体结构，并详尽地介绍PHP开发与建站的技术要点。《PHP典型模块与项目实战大全》附带1张DVD，内容是作者为《PHP典型模块与项目实战大全》录制的全程多媒体语音教学视频及《PHP典型模块与项目实战大全》所涉及的源代码。《PHP典型模块与......一起来看看 《PHP典型模块与项目实战大全》 这本书的介绍吧!
