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函数来隔离默认操作
 -->