<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久久久国产精品免费无卡顿 | 国产成人精品免费视频大| 成人国内精品久久久久影院VR| 亚洲精品亚洲人成人网| 国亚洲欧美日韩精品| 久久精品人人做人人爽电影| 91精品啪在线观看国产| 久久精品亚洲男人的天堂| 老司机国内精品久久久久| 精品亚洲A∨无码一区二区三区| 99在线精品一区二区三区| 中文字幕精品亚洲无线码一区 | 亚洲精品无码永久中文字幕| 精品91自产拍在线观看| 欧美韩国精品另类综合| 久久香综合精品久久伊人| 中文精品99久久国产 | 免费精品国自产拍在线播放| 97热久久免费频精品99| 亚洲AV日韩精品一区二区三区| 国产精品女同一区二区久久| 成人国产精品秘 果冻传媒在线| 国产玖玖玖九九精品视频| 久久精品中文无码资源站| 精品无码综合一区| 亚洲精品乱码久久久久久不卡| 久久精品www| 亚洲AV乱码久久精品蜜桃| 久久久国产精品| 欧美亚洲日本久久精品| 国产精品视频一区国模私拍| 韩国三级中文字幕hd久久精品 | 国产精品成人无码久久久久久| 国产夫妇精品自在线| 国产精品无码AV一区二区三区| 亚洲AV无码国产精品色午友在线| 香蕉依依精品视频在线播放 | 好湿好大硬得深一点动态图91精品福利一区二区 | 久久久无码精品午夜| 97久久精品午夜一区二区| 久久精品欧美日韩精品|