js文件

json文件地址地址文件

// 定義一個(gè)包含中國(guó)省市區(qū)信息的json文件
import addressJson from '@/assets/common/address'
export default {
  data() {
    return {
      myAddressSlots: [
       {
        flex: 1,
        values: Object.keys(addressJson),
        className: 'slot1',
        textAlign: 'center'
       }, {
        divider: true,
        content: '-',
        className: 'slot2'
       }, {
        flex: 1,
        values: ['市轄區(qū)'],
        className: 'slot3',
        textAlign: 'center'
       },
       {
        divider: true,
        content: '-',
        className: 'slot4'
       },
       {
        flex: 1,
        values: ['東城區(qū)'],
        className: 'slot5',
        textAlign: 'center'
       }
      ],
      province:'省',
      city:'市',
      county:'區(qū)/縣',
    }
  },
  methods: {
    onAddressChange(picker, values) {
      if(addressJson[values[0]]) {
       picker.setSlotValues(1, Object.keys(addressJson[values[0]]));
       picker.setSlotValues(2, addressJson[values[0]][values[1]]);
       this.province = values[0];
       this.city = values[1];
       this.county = values[2];
      }
   },
  }
}

5.關(guān)于對(duì)是否登錄的處理

開(kāi)始也有做過(guò)登錄的管理后臺(tái)，不過(guò)，在進(jìn)行登錄時(shí)，總會(huì)一閃過(guò)登錄的界面，這種感覺(jué)很不好，在這里記錄下相比之前更好點(diǎn)的方法

在main.js文件中添加對(duì)router的鉤子函數(shù)

router.beforeEach((to, from, next) => {
 let token = localStorage.getItem('token');
 if (!token && to.path !== '/login') {
  next('/login');
 } else {
  next();
 }
});

通過(guò)判斷緩存里是否有token來(lái)進(jìn)行路由的跳轉(zhuǎn)

相對(duì)于之前的那種方法，這里對(duì)路由的跳轉(zhuǎn)進(jìn)行的攔截，在路由進(jìn)行跳轉(zhuǎn)前，進(jìn)行判斷

6.上拉加載mescroll.js插件

這里對(duì)于分頁(yè)加載第二頁(yè)使用的上拉加載的插件還是用了原來(lái)的插件，還是感覺(jué)挺好用的

這里有講述上拉加載，下拉刷新，滾動(dòng)無(wú)限加載

7.移動(dòng)端富文本插件Vue-Quill-Editor

效果圖

這里有相關(guān)案例代碼vue-quill-editor

響應(yīng)事件

onEditorChange(e){
  console.log(e)
  this.richTextContent = e.html;
},

8.移動(dòng)端圖片預(yù)覽插件

vue-picture-preview

需要在app.vue中加入如下代碼

效果圖

以上是“使用vue開(kāi)發(fā)移動(dòng)端管理后臺(tái)的注意事項(xiàng)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。