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自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
js查看一个函数的执行时间实例代码
Sep 12 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
javascript时间差插件分享
Jul 18 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 Javascript
Three.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 mysqli事务操作常用方法分析
2017/07/22 PHP
javascript表单事件处理方法详解
2016/05/15 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
微信小程序中多个页面传参通信的学习与实践
2017/05/05 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
Python-嵌套列表list的全面解析
2016/06/08 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
python实现微信自动回复机器人功能
2019/07/11 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
乌克兰的第一家手表店:Deka
2020/03/05 全球购物
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
和睦家庭事迹
2014/05/14 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
小学四年级学生评语
2014/12/26 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技