背景

vue项目操作中遇到@click.prevent函数，场景特殊（项目中有一个自己封装的组件库，因此所有的样式都统一集成，遇到特殊情况想引入特殊UI风格处理时，部分组件需要样式重调，因此用到@click.prevent）特此纪要。

问题

@click.prevent的作用是什么？

说明

@click.prevent属于vue的内置函数，vue中有很多其他的函数也有很丰富的应用场景，此篇博文思虑再三，仅对@click.prevent进行阐述，有关其他的函数了解，可自行查阅相关资料。

解决方案

@click.prevent函数会阻止触发dom的原始事件，而去执行特定的事件。为了更好的理解@click.prevent函数，引入一个项目中的使用样例以供参考：
// Codding...<a class="img-control" v-show="true" @click.prevent="goXxxx()">修改</a>

vue还有几个常用的函数，如：@keyup.enter（enter回车事件）等等。

vue函数@click.prevent使用纪要相关推荐

Vue之@click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter
1.绑定监听@click: (以监听click为例,其他如keyup,用法类似) v-on:click="fun" @click="fun" @cli ...
Vue的@click、@click.prevent、@click.stop
1.@click,绑定监听(单击事件) v-on:click="function" @click="function" ...
html click事件参数,vue 实现click同时传入事件对象和自定义参数
这篇文章主要介绍了vue 实现click同时传入事件对象和自定义参数,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧仅仅传入自定义参数 HTML ddddd JS代码 new Vue ...
@click.stop和@click.prevent区别
click.stop stop:指的是阻止父组件(节点)的事件冒泡... <div id="app"><div class="box" @cl ...
vue函数input输入值即请求，优化为用户输入完成之后再请求
vue函数input输入值请求时延迟0.5秒请求目的:解决当用户连续输入连续请求接口的问题,达到当用户输入完成之后再请求. 函数防抖 <el-input v-model="selec ...
vue中click无效问题
当父元素为relative,子元素为absolute时可能会出现click点击无效,无法触发onClick事件的情况目前已知两种解决方法 1.最外层div的z-index层级设置比里面绝对定位的大 ...
vue 函数路由跳转_vue中通过路由跳转的三种方式
router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要注意的是,使用vue-router控制路由则必须router-view作为容器. 通过路由跳转的三种方式 1.router ...
vue函数如何调用其他函数?_从源码中学Vue（一）生命周期中的钩子函数的那点事儿...
欢迎来到我的<从源码中学Vue>专题系列文章,更多精彩内容持续更新中,欢迎关注 :) Vue作为当下前端最流行的框架之一,在国内占绝对的优势.所以接下来我们一起来学习它吧! 我不会像其它人 ...
vue 函数路由跳转_vue路由跳转的方式
vue路由跳转有四种方式 1. router-link 2. this.$router.push() (函数里面调用) 3. this.$router.replace() (用法同push) 4. t ...
MUI中vue的@click事件没反应
这是因为mui中上拉加载更多或下拉刷新中的滑动事件和vue事件冲突导致的只需要将 @click 改为@tap 就是这么简单另外mui中双 webview 模式不会出现这个问题,只有单w ...

vue函数@click.prevent使用纪要

背景

问题

说明

解决方案

vue函数@click.prevent使用纪要相关推荐

最新文章

热门文章