Vue函数中@click.prevent的使用
作者:互联网
- vue项目操作中遇到@click.prevent函数,场景特殊(项目中有一个自己封装的组件库,因此所有的样式都统一集成,遇到特殊情况想引入特殊UI风格处理时,部分组件需要样式重调,因此用到@click.prevent)
- 问题:@click.prevent的作用是什么?
- 解决
- 作用:@click.prevent函数会阻止触发dom的原始事件,而去执行特定的事件。
- 案例:
<!-- 示例 --> <a class="img-control" v-show="true" @click.prevent="goXxx()">修改</a> <!-- 解析: a标签默认有自己的href属性,触发a标签后他会自动跳转对应的链接地址或执行的函数。 此处为了嵌套,避免调整样式所以引用a标签来处理,但为避免a标签的属性限制,因此引用@click.prevent函数来隔离默认操作 -->
标签:prevent,特殊,函数,样式,Vue,组件,click 来源: https://www.cnblogs.com/panghur/p/15978256.html