当前位置: 首页 > 编程笔记 >

vue2.0 路由不显示router-view的解决方法

穆嘉
2023-03-14
本文向大家介绍vue2.0 路由不显示router-view的解决方法,包括了vue2.0 路由不显示router-view的解决方法的使用技巧和注意事项,需要的朋友参考一下

今天学习vue2.0 的 router-view , 爆出的错误不计其数,不知道哪位大神写的router-view,配置的参数竟然不是router,而是routes =_=||

这是花了一上午整出来的main.js,还有网上的同道们的提醒:

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App';
import goods from './components/goods/goods';

Vue.config.productionTip = false;

Vue.use(VueRouter);

const routes = [
 {path: '/goods', component: goods}
];

const router = new VueRouter({
 routes
});
/* eslint-disable */
const app = new Vue({
 router,
 render: h => h(App)
}).$mount('#app');
//默认跳转到 '/goods'
router.push('/goods');

这里/* eslint-disable */ 是eslint代码检查,不加这个又是会报错 app没有使用。

以上这篇vue2.0 路由不显示router-view的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法,包括了vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法的使用技巧和注意事项,需要的朋友参考一下 最近利用vue第三方UI MuseUI开发webapp,然后在导航栏这里出现了问题,我需要在导航栏上的几个路由上显示底部导航栏,在其他路由上不显示,就这个问题,MuseUI的底部导航栏直接加载在app.vue里面

  • 本文向大家介绍vue2.0路由切换后页面滚动位置不变BUG的解决方法,包括了vue2.0路由切换后页面滚动位置不变BUG的解决方法的使用技巧和注意事项,需要的朋友参考一下 最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。 解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。 补充: hash模式下才会导致上述问题,hi

  • 本文向大家介绍vue2.0项目实现路由跳转的方法详解,包括了vue2.0项目实现路由跳转的方法详解的使用技巧和注意事项,需要的朋友参考一下 一、安装 1、安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2、vue项目引入vue-ruoter: 二、应用 1、路径配置(页面跳转):

  • qiankun 微应用嵌套vue后,切换侧边栏路由,不显示页面。路由对应的matched和meta,都是空,有遇见这种情况的吗? 可以正常切换页面显示

  • 本文向大家介绍Vue.js路由vue-router使用方法详解,包括了Vue.js路由vue-router使用方法详解的使用技巧和注意事项,需要的朋友参考一下 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的

  • 本文向大家介绍解决vue-router 嵌套路由没反应的问题,包括了解决vue-router 嵌套路由没反应的问题的使用技巧和注意事项,需要的朋友参考一下 先看下route.js 当你访问的时候,发现 http://localhost:8080/#/login http://localhost:8080/#/class 都正常,但是: http://localhost:8080/#/course/