vue中router-link绑定click失效

直接放代码!

<div class="rank">
            <span>职位类别:</span>
            <router-link to="/society/0" @click.native="demo">所有类别</router-link>
            <router-link to="/society/1">市场销售类</router-link>
            <router-link to="/society/2">运营类</router-link>
            <router-link to="/society/3">互联网类</router-link>
            <router-link to="/society/4">职能类</router-link>
            <router-link to="/society/5">研发类</router-link>
            <router-link to="/society/6">信息安全类</router-link>
            <router-link to="/society/7">设计类</router-link>
            <router-link to="/society/8">财务类</router-link>
            <router-link to="/society/9">地产类</router-link>
          </div>

我们可以看到 只有给click.navtive加native修饰符的时候。router-link才会触发自己身上的点击事件