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

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

javascript - vue的router-link報(bào)錯(cuò)不顯示

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

問題描述

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

app.vue

<template> <p id='app'> <headers></headers> <p class='tap'><p class='tab-item'> <router-link :to='/Goods'>第一項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/Ratings'>第二項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/Seller'>第三項(xiàng)</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 }})

其中一個(gè)單頁,其他都基本一致

<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'>第一項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/Ratings'>第二項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/Seller'>第三項(xiàng)</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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 欧美 日韩 国产 成人 在线 91 | 精品综合| 在线免费看黄 | 精品www| 精品亚洲永久免费精品 | 亚洲一区在线播放 | 一区二区高清 | 日韩精品免费一区 | 仙人掌旅馆在线观看 | 九色在线观看 | 操久久 | 在线观看国产视频 | 亚洲三区在线 | 四虎网站在线观看 | 日本电影免费完整观看 | 国产在线精品一区二区三区 | 美女黄视频网站 | 亚洲一级毛片 | 国产欧美一级二级三级在线视频 | 欧美日韩三级 | 精品免费国产一区二区三区四区 | 99成人在线视频 | 亚洲一区中文字幕在线观看 | 欧美日韩免费视频 | 色婷婷av一区二区三区软件 | 91麻豆精品国产91久久久资源速度 | 一级美国黄色片 | 在线四虎 | 一区二区三区四区国产精品 | 久久久久久网站 | 久久精品中文字幕 | 欧美aaaa视频 | 日本粉嫩一区二区三区视频 | 国产免费观看一区 | av激情在线| 国产精品久久久久久久久免费软件 | 夜夜艹天天干 | 亚洲国产成人精品女人久久久 | 中文字幕欧美一区二区 | 999久久久免费精品国产 | 亚洲精品一区二区网址 |