//先导入这些乱七八糟的 import Vue from vueimport Router from vue-routerimport store from @/store/indeximport NProgress from nprogressimport nprogress/nprogress.cssimport gatewayHomeRouter from ./gatewayHomeVue.use(Router)//不需要权限的路由export const constantRoutes = [ { path: /, redirect: /entrance }, { path: /entrance, component: () => import(@/views/Index.vue), meta: ...
动态路由配置 router/index.js import Vue from 'vue' import Router from 'vue-router' import Detail from '@/pages/detail/Detail'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'Home',component: Home}, {path: '/detail/:id',name: 'Detail',component: Detail}] })pages/detail/Detail.vue //......代码省略 methods: {getDetailInfo () {axios.get('/api/detail.json', {params: {id: this.$route...
开发环境 Vue-Cli3 1、vue-router懒加载功能 vue-cli3默认使用 Preload与Prefetch, 使用初衷是为了减少首页http请求过多，默认预加载了全部的js文件 vue.config.js 增加如下配置，取消prefetch和preload ，这样就是实现加载当前所需。 //vue.config.js chainWebpack(config) {config.plugins.delete('preload') config.plugins.delete('prefetch') }Preload用来指定页面加载后很快会被用到的资源，所以在页面加载的过程中，我们希望...
目录 1、背景2、懒加载2.1、实现2.2、原理 3、预加载3.1、实现3.2、原理1、背景 我们在项目开发的时候经常会有图片展示，如有用户头像这类几KB的图片，也有照片、截图这类动则几MB的图片。对于几KB的图片加载速度是很快的，而几MB的图片在网速不佳时，那加载的时长会让你奔溃。 比如，你在浏览一系列图片的时候，如果要等所有图片都缓存到本地浏览器才可以看，那将会让你等很久。这就可以使用懒加载技术来帮助我们，让用户浏览图片...
需求：避免点击开始考试时，用户在同一时刻多次点击（防止重复提交的问题） （1）给按钮绑定（ :loading=“btnLoading”）<el-button type="primary" :loading="btnLoading"@click="startTest">{{test.paperId ? '继续' : '开始'}}测试</el-button> （2）在data中初始化 btnLoading： data () {return {btnLoading: false}}, （3）点击开始考试时设置： async startTest (type) {if (this.btnLoading) returnthis.btnLoading = tru...
背景 使用 </a-card> 发现模态框加载出错。什么都没显示，而且父组件也收到影响<a-card :bordered="false"><a-modaltitle="":width="width":visible="visible":confirmLoading="confirmLoading"@ok="handleCancel"okText="确定"@cancel="handleCancel"cancelText="关闭"></a-modal></a-card> 解决 删掉 </a-card>