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 相关文章推荐
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
获取body标签的两种方法
Oct 13 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
使用伪命名空间封装保护独自创建的对象方法
Aug 04 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
JavaScript计算正方形面积
Nov 26 Javascript
vue2.0实现列表数据增加和删除
Jun 17 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+javascript实现二级级联菜单的制作
2008/05/06 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
jQuery Selector选择器小结
2010/05/06 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
JS变量及其作用域
2017/03/29 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
python对url格式解析的方法
2015/05/13 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
小小聊天室Python代码实现
2016/08/17 Python
python中异常报错处理方法汇总
2016/11/20 Python
python re模块的高级用法详解
2018/06/06 Python
导入tensorflow时报错:cannot import name 'abs'的解决
2019/10/10 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
巡警年度自我鉴定
2014/02/21 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
优秀团员自我评价
2015/03/10 职场文书
村主任当选感言
2015/08/01 职场文书
团组织关系介绍信
2019/06/24 职场文书
MongoDB支持的数据类型
2022/04/11 MongoDB
Python如何让字典保持有序排列
2022/04/29 Python