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.