Javascript

Vue函数中@click.prevent的使用

本文主要是介绍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函数来隔离默认操作
 -->

 

　

这篇关于Vue函数中@click.prevent的使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航