vue a标签点击实现赋值方式


Posted in Javascript onSeptember 07, 2020

如下所示:

v-for=“kf in kefu”

function copy_fun(copy){ //参数copy是要复制的文本内容

上面的方法就可用了,亲测可用!

补充知识:VUE 给类似a标签加点击事件不跳转的问题

VUE的@click事件修饰符

运用: .prevent 阻止默认行为

<a href="url" rel="external nofollow" @click.prevent="myClick">点击</a>

.stop 阻止冒泡,只执行 start 不执行 end

<div id="app" @click="end">
  <input type="button" value="开始" @click.stop="start">
</div>

.capture 捕获机制,点击按钮 先执行 end 再执行 start

<div id="app" @click.capture="end">
  <input type="button" value="开始" @click="start">
</div>

.self 只点击自身才触发,点击按钮不触发end事件,只有点击div才可以触发

<div id="app" @click.self="end">
  <input type="button" value="开始" @click="start">
</div>

.once 只执行一次,点击按钮只触发一次start事件,第二次没反应

<input type="button" value="开始" @click.once="start">

.self 和 .prevent 都有阻止默认冒泡的功能。

.self 只能使自己不冒泡,但是.prevent 可以使除自己外的作用都不冒泡

以上这篇vue a标签点击实现赋值方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
实例:尽可能写友好的Javascript代码
Oct 09 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
js中键盘事件实例简析
Jan 10 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
javascript去除空格方法小结
May 21 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
详解Web使用webpack构建前端项目
Sep 23 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 Javascript
JavaScript实现多球运动效果
Sep 07 #Javascript
JavaScript实现世界各地时间显示
Sep 07 #Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 #Javascript
vue中element 的upload组件发送请求给后端操作
Sep 07 #Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 #Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 #Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 #Javascript
You might like
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
PHP使用xmllint命令处理xml与html的方法
2014/12/15 PHP
PHP数组和explode函数示例总结
2015/05/08 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
javascript 写类方式之八
2009/07/05 Javascript
js列举css中所有图标的实现代码
2011/07/04 Javascript
javascript数组的使用
2013/03/28 Javascript
jquery阻止后续事件只执行第一个事件
2014/07/24 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
Node.JS文件系统解析实例详解
2017/05/15 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
python迭代dict的key和value的方法
2018/07/06 Python
使用tensorflow实现线性svm
2018/09/07 Python
Python版名片管理系统
2018/11/30 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
期终自我鉴定
2014/02/17 职场文书
创业大赛策划书
2014/03/01 职场文书
简单租房协议书范本
2014/08/20 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
信用卡工作证明范本
2015/06/19 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
创业计划书之书店
2019/09/10 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python