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. python bottle跑起來以后,定時執(zhí)行的任務為什么每次都重復(多)執(zhí)行一次?2. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題3. html5 - HTML代碼中的文字亂碼是怎么回事?4. 視頻文件不能播放,怎么辦?5. javascript - vue2如何獲取v-model變量名6. javascript - 求幫助 , ATOM不顯示界面!!!!7. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處8. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - ios返回不執(zhí)行js怎么解決?
