javascript - router.push无效
问题描述
import Vue from ’vue’import App from ’./App’import VueRouter from ’./router’
Vue.config.productionTip = false
VueRouter.push(’/goods’)
/ eslint-disable no-new /new Vue({ el: ’#app’, router: VueRouter, template: ’<App/>’, components: { App }})
在这里VueRouter.push(’/goods’)是有效的
import Vue from ’vue’import Router from ’vue-router’import goods from ’../components/goods/goods’import seller from ’../components/seller/seller’import ratings from ’../components/ratings/ratings’
Vue.use(Router)
/ eslint-disable no-new /const routes = [ { path: ’/seller’, component: seller }, { path: ’/ratings’, component: ratings }, { path: ’/goods’, component: goods }]
Router.push(’/goods’)
export default new Router({ routes})
在这里的.push无效不是很明白这里的问题
问题解答
回答1:下面那个改成routes.push
回答2:下面那个改成routes.push({path:’/goods’})
回答3:Router.push(’/goods’)的调用必须在路由配置成功,并在需要的页面中引用之后,才可以调用。题主你路由输出的是routes,故须在需要使用路由的地方引入,即 import routes from ’/路由配置文件’,最后才可在引入路由之后的页面中使用相关的api
相关文章:
1. javascript - 引入 simditor,但是显示标签,这个怎么解决。2. android - 目前有哪些用Vue.js开发移动App的方案?3. docker api 开发的端口怎么获取?4. background属性顺序?5. angular.js - angular有没有可以本地构建静态代码的工具6. cas项目起个名字7. Android PopupWindow 问题。8. angular.js - angular route如何实现单页面切换时数据的传递9. python - scrapy获取网页指定内容,后翻到下一页继续,固定循环次数。。问题10. 中文phpword文档