javascript - 為什么我的vue里的router-link不起作用

問題描述

<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>

這是App.vue的內容，而實際上頁面顯示已經掛載上去成為a標簽了，但是點擊沒有效果，并沒有出現點擊更改組件的效果

<template> <p id='goods'><p @:click='say()'> ssssss</p> </p></template><script> export default{name:{ ’goods’},method:{ say:{console.log(’sayhi’); }} }</script>

這是其中一頁router的代碼，其他兩個基本一致，求解怎么出效果

問題解答

1.路由路徑是否正確 2.method寫錯了，methods3.methods下面應該寫函數 say( ){}或者say: function(){}4.@:click 應該為@click

0.0.00.00.