javascript - 为什么我的vue里的router-link不起作用
漂亮男人
漂亮男人 2017-05-16 13:38:06
0
2
680
<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的代码,其他两个基本一致,求解怎么出效果

漂亮男人
漂亮男人

全部回复(2)
黄舟

1.路由路径是否正确
2.method写错了,methods
3.methods下面应该写函数 say( ){}或者say: function(){}
4.@:click 应该为@click

漂亮男人

0.0.00.00.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板