iview组件怎么和vue-router结合

发布网友 发布时间：2022-04-22 20:30

我来回答

共2个回答

热心网友 时间：2022-04-22 15:31

<template>
<Page :current="1" :total="100"></Page>
</template>
<script>
import { Page } from 'iview';
export default {
components: { Page }
}
</script>

热心网友 时间：2022-04-22 16:49

不知道你有没有用过iview-admin，已集成vue-router模块，如果没有集成就需要npm安装一下：
npm install vue-router --save-dev
----------------------------- 一条分割线 ---------------------------------------
在iview-admin项目中打开index.js可以看到
import VueRouter from 'vue-router'; //引入vue-router模块
Vue.use(VueRouter); //使用VueRouter
//配置路由
const RouterConfig = {
// mode: 'history', //开启mode="history"模式，需要服务端的支持
routes: routers
};
其他路由支持请参考vue.js和iview官网