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 相关文章推荐
JS解密入门 最终变量劫持
Jun 25 Javascript
JavaScript入门教程(3) js面向对象
Jan 31 Javascript
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
js获取IFRAME当前的URL的方法
Nov 13 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
Jul 07 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中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
2010/12/19 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
PHP使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
Python标准库itertools的使用方法
2020/01/17 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
LINUX下线程,GDI类的解释
2016/12/14 面试题
一些关于MySql加速和优化的面试题
2014/01/30 面试题
体育教育毕业生自荐信
2013/11/21 职场文书
商场经理竞聘演讲稿
2014/01/01 职场文书
公务员转正考察材料
2014/02/07 职场文书
《尊严》教学反思
2014/02/11 职场文书
我爱读书演讲稿
2014/05/07 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
Python软件包安装的三种常见方法
2022/07/07 Python