vue框架:@click事件修饰符的.prevent使用
.prevent
使用.prevent来阻止超链接默认的行为
所谓默认的行为指的是超链接中的href属性链接
在实际项目开发中,不仅仅只是按钮需要我们绑定事件来控制行为,超链接的使用我们也是要遵循这种自己绑定事件触发行为的方式。所以在a标签中的href链接往往要被我们以特殊的方式处理掉。
<a href="http://www.guonb.com" @click="fun1">点击1</a>
<a href="http://www.guonb.com" @click.prevent="fun1">点击1</a>
点击查看演示
使用.prevent来阻止超链接默认的行为
所谓默认的行为指的是超链接中的href属性链接
在实际项目开发中,不仅仅只是按钮需要我们绑定事件来控制行为,超链接的使用我们也是要遵循这种自己绑定事件触发行为的方式。所以在a标签中的href链接往往要被我们以特殊的方式处理掉。
<a href="http://www.guonb.com" @click="fun1">点击1</a>
<a href="http://www.guonb.com" @click.prevent="fun1">点击1</a>
点击查看演示