vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件
<template><div id="app"><h1>hello app!</h1><p><router-link to='/page1' tag='a'>page1</router-link><router-link to='/page1/page2' tag='a' @click='jump' >p
·
<template>
<div id="app">
<h1>hello app!</h1>
<p>
<router-link to='/page1' tag='a'>page1</router-link>
<router-link to='/page1/page2' tag='a' @click='jump' >page2</router-link>
</p>
<router-view></router-view>
</div>
</template>
<router-link>
渲染出来就是标签了,上面绑定的click=jump
就没有了,能不能在渲染出来的标签上面监听事件呢?
想在<router-link>
渲染出来的标签上监听click事件怎么办?
<router-link to='/page1/page2' tag='a' @click.native='jump' >page2</router-link>
//在事件后添加修饰符native即可解决
更多推荐
已为社区贡献16条内容
所有评论(0)