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 相关文章推荐
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
Mar 30 Javascript
在vue项目中引用Iview的方法
Sep 14 Javascript
原生js实现下拉选项卡
Nov 27 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 上传文件大小限制
2009/07/05 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
jQuery技巧大放送 学习jquery的朋友可以看下
2009/10/14 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
浅谈python出错时traceback的解读
2020/07/15 Python
Python使用tkinter制作在线翻译软件
2021/02/22 Python
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
上班迟到检讨书
2014/01/10 职场文书
爱国演讲稿500字
2014/05/04 职场文书
学校节能减排方案
2014/06/13 职场文书
2015年班组工作总结
2015/04/20 职场文书