vue框架写的页面的click事件失效

Question

页面结构如下：之前是button失效 我换成span还是失效，试过v-on:click,@click.native都不管用，真心求赐教，已经无力，，

<div class="button">

  <span @click="turn_to('/order','order')">我的订单</span>
  <span @click="skip_to('/myCode','myCode')">我的二维码</span>
  <span @click="skip_to('/yzPost','yzPost')">驿站快递</span>
  <span @click="skip_to('index','index')">扫描驿站</span>
  <span @click="turn_to('/cityPost','cityPost')">同城快递</span>
  <span @click="skip_to('/my','my')">个人设置</span>

</div>

methods: {

    skip_to(path, name) {
        this.$router.push({ path: "/proof", query: { type: name } });
    }
}

Answer 1

你是指函数未执行还是指未跳转？原封未动粘贴过来，可以执行函数，

不知道你的这两个形参是干啥的，但是起码形参的path要改一下，this.$router的路径key也叫path

Answer 2

不要下划线，用驼峰命名试试

skip_to ---> skipTo

Answer 3

可能性

1. 点击事件触发了 只是你的path都相同所以你没有发觉.
2. 你再页面找找 是不是注册了两个methods对象
3. 你看看dom有没有宽高显示

你可以用原生js来测一下是什么问题