av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - vue的router-link報錯不顯示

瀏覽:143日期:2022-12-16 16:17:45

問題描述

我用vue-cli搭建好了目錄,但是用router-link做單頁路由沒有成功,不知道哪里有問題求解,本人剛進坑

app.vue

<template> <p id='app'> <headers></headers> <p class='tap'><p class='tab-item'> <router-link :to='/Goods'>第一項</router-link></p><p class='tab-item'> <router-link to='/Ratings'>第二項</router-link></p><p class='tab-item'> <router-link to='/Seller'>第三項</router-link></p><router-view></router-view> </p> </p></template><script>import headers from ’./components/header/header’; export default { components:{headers }, name: ’app’,};</script>

main.js

import Vue from ’vue’import App from ’./App’import router from ’./router’Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: ’#app’, router, template: ’<App/>’, components: { App }})

其中一個單頁,其他都基本一致

<template lang='html'> <p id='ratings'><p class='heihei'> {{arr}}</p> </p></template><script> export default{name:’Ratings’,data: { arr:’afafaf’} };</script>

index.js

import Vue from ’vue’import Router from ’vue-router’import Goods from ’@/components/goods/goods’import Ratings from ’@/components/ratings/ratings’import Seller from ’@/components/seller/seller’Vue.use(Router)export default new Router({ routes: [ { path: ’/Goods’, component: Goods },{ path: ’/Ratings’, component: Ratings },{ path: ’/Seller’, component: Seller }, ]})

問題解答

回答1:

<template> <p id='app'> <headers></headers> <p class='tap'><p class='tab-item'> <router-link :to='/Goods'>第一項</router-link></p><p class='tab-item'> <router-link to='/Ratings'>第二項</router-link></p><p class='tab-item'> <router-link to='/Seller'>第三項</router-link></p><router-view></router-view> </p> </p></template>

要么都寫成 to=’someRoute’ 要么都寫成 :to=’{path: 'someRoute'}’

回答2:

index.js 里面 加上

export default router

import Vue from ’vue’import Router from ’vue-router’import Goods from ’@/components/goods/goods’import Ratings from ’@/components/ratings/ratings’import Seller from ’@/components/seller/seller’Vue.use(Router)const router = new Router({ routes: [ { path: ’/Goods’, component: Goods },{ path: ’/Ratings’, component: Ratings },{ path: ’/Seller’, component: Seller }, ]})export default router

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 精品欧美乱码久久久久久 | 欧美一区二区三区四区五区无卡码 | 国产精品毛片一区二区三区 | 欧美一级全黄 | 精品视频在线免费观看 | 日韩一区二区不卡 | 亚洲福利视频一区二区 | 国产一区二区 | av一二三区 | 亚洲精品国产成人 | 日韩精品免费 | www.一区二区三区.com | 鲁一鲁资源影视 | аⅴ资源新版在线天堂 | 在线91| 99久久久国产精品 | 日韩高清中文字幕 | 中文字幕11页| 久久久www成人免费无遮挡大片 | 国产欧美一级二级三级在线视频 | 成人影| 国产高清视频 | 久久久久亚洲精品中文字幕 | 成人在线视频网 | 国产精品毛片av | 国产91精品久久久久久久网曝门 | h在线播放 | 一二区视频 | 国产精品一区二区福利视频 | 日韩在线播放一区 | 亚洲综合色网 | 玖草资源| 国产欧美一区二区三区免费 | av不卡一区 | 成人免费网站www网站高清 | 成人一区二区电影 | 97视频在线观看网站 | 亚洲精品乱码久久久久久蜜桃91 | 亚洲欧美激情精品一区二区 | 99伊人 | 成人精品在线观看 |