<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写错了,methods
3.methods下面应该写函数 say( ){}或者say: function(){}
4.@:click 应该为@click
0.0.00.00.