<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • vue相關配置

    2020-1-17    前端達人

    VeeValidator

    語言設置

    校驗消息默認是英文的,定義中文或其他語言的錯誤提示消息

    
    
    1. import VeeValidate from 'vee-validate';
    2. import Vue from 'vue'
    3. Vue.use(VeeValidate)
    4. var dict = {
    5. zh_CN: {
    6. messages: {
    7. required: function(field){
    8. return field + '不能為空!';
    9. },
    10. between: function(field){
    11. return field + '輸入不符合設定規則!';
    12. },
    13. min : function (field,leng) {
    14. return field + '長度不能小于'+leng+'位';
    15. }
    16. }
    17. }
    18. };
    19. VeeValidate.Validator.localize('zh_CN', dict.zh_CN);

    校驗的時候需要設置語言

    this.$validator.localize('zh_CN');

    錯誤消息顯示

    顯示指定字段的第一個錯誤

    this.$validator.first('fieldname')

    顯示所有字段的第一個錯誤消息

    this.$validator.errors.all()

    Mock.js

    配置

    路由攔截配置不需要修改之前的代碼,匹配的url請求會直接通過mock而不是請求服務器

    
    
    1. const handler = req => {
    2. return {mock數據};
    3. }
    4. Mock.mock('url攔截規則,正則表達式',handler)

    配置延遲時間

    模擬服務器請求的異步特性

    
    
    1. Mock.setup({
    2. timeout:1000
    3. })

    Vuex

    模塊化

    多人協作,或者中大型的項目需要把store分為模塊

    
    
    1. const a = {
    2. state : {foo:1},
    3. mutations : {hello(state)=> {}},
    4. modules : {
    5. ...嵌套
    6. }
    7. }
    8. const b = {}
    9. const store = {
    10. state : {},
    11. mutations : {},
    12. actions : {},
    13. modules : {
    14. module_name_a:a,
    15. module_name_b:b
    16. }
    17. }

    在調用的時候,state 有命名空間的,而mutation和actions都與父模塊共用同樣的命名空間所以不能定義與父模塊同名的mutation 或 action

    獲取模塊的state

     this.$store.state.module_name_a.foo

    調用模塊的mutation

    this.$store.commit('hello')

    namespace

    定義了namespace ,mutations 和 action 會帶上模塊的命名: module_name/muation

    
    
    1. const store = {
    2. modules : {
    3. namespace : true,
    4. a: {
    5. muations : {
    6. test(state) => {...}
    7. }
    8. }
    9. }
    10. }

    這時候調模塊內的mutation

    this.$store.commit('a/test')

    vuejs-datepicker

    日期選擇控件

    設置默認值

     <datepicker v-model="mydate" </datepicker> 

    日期格式化

    <datepicker :format="'yyyy-MM-dd'"> </datepicker> 

    語言選擇(默認是英文)

    導入語言資源文件,然后再設置:language

    設置成中文

    
    

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 国内精品在线视频| 国产欧美日本精品| 国产精品久久久天天影视香蕉 | .精品久久久麻豆国产精品| 国产精品久久久久久久午夜片 | 精品亚洲一区二区| 真实国产乱子伦精品一区二区三区| 99久久精品九九亚洲精品| 91麻豆精品视频在线观看| 亚洲国产精品成人精品无码区| 久久亚洲中文字幕精品一区四| 国产精品国产三级国产a| 精品一卡2卡三卡4卡免费视频| 国产精品无码一区二区三区电影| 最新国产精品精品视频| 免费精品国自产拍在线播放 | 国产精品99久久99久久久| 亚洲中文精品久久久久久不卡| 精品97国产免费人成视频| 91精品国产高清久久久久久国产嫩草 | 午夜精品久久久内射近拍高清| 国产精品免费福利久久| 区亚洲欧美一级久久精品亚洲精品成人网久久久久 | 国产精品成人在线| 久久国产精品成人片免费| 亚洲国产另类久久久精品黑人| 精品亚洲成α人无码成α在线观看 | 精品国产91久久久久久久| 国语自产少妇精品视频| 乱精品一区字幕二区| 夜夜精品无码一区二区三区| 久久性精品| 无码人妻精品一区二区三区99不卡| 精品久久人人做人人爽综合| 国产亚洲精品无码专区| 国产精品v欧美精品v日本精| 国产福利精品视频自拍| 国内精品99亚洲免费高清| 精品人妻系列无码人妻免费视频| 国产情侣大量精品视频| 国产线视频精品免费观看视频|