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 DOM学习第六章 表单实例
Feb 19 Javascript
js 金额文本框实现代码
Feb 14 Javascript
js渐变显示渐变消失示例代码
Aug 01 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 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
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
浅析return false的正确使用
2013/11/04 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
javascript实现异形滚动轮播
2019/11/28 Javascript
python获得一个月有多少天的方法
2015/06/04 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
django主动抛出403异常的方法详解
2019/01/04 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
Python几种常见算法汇总
2020/06/02 Python
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
如何提高SQL Server的安全性
2016/07/25 面试题
软件设计的目标是什么
2016/12/04 面试题
团拜会策划方案
2014/06/07 职场文书
2014年双拥工作总结
2014/11/21 职场文书
银行催款通知书
2015/04/17 职场文书
班级班风口号大全
2015/12/25 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL
JS函数式编程实现XDM一
2022/06/16 Javascript