鍍金池/ 問答/HTML/ iview加載進度條怎么用?報_vue_router__.a.beforeEac

iview加載進度條怎么用?報_vue_router__.a.beforeEach is not a function

iview UI庫加載進度條如何使用?

貼出代碼:
負責路由的index.js

import Vue from 'vue'
import Router from 'vue-router'
import iView from 'iview'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)
Vue.use(iView)

// 路由加載條
Router.beforeEach((transition) => {
  iView.LoadingBar.start()
  transition.next()
})

Router.afterEach((transition) => {
  iView.LoadingBar.finish()
})

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

報錯截圖:
clipboard.png

第一次使用,有大佬給出一點意見嗎?

回答
編輯回答
入她眼

你在main.js 配置 引入iview

clipboard.png

vue-router這種格式引入實際只是通過webpack依賴方式把他引進來,而你需要一個文件(對象)。你想要一個包含方法集合或某個狀態(tài)的對象(文件) 所以必須 ./router 這樣形式真實引入

沒理解可以看看相關(guān)的webpack文章

2018年3月31日 20:43