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 多浏览器兼容总结(实战经验)
Oct 30 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
Oct 24 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
vue中七牛插件使用的实例代码
Jul 28 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 Javascript
js实现碰撞检测
Jan 29 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判断数据库中的记录是否存在的方法
2014/11/14 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
JQquery的一些使用心得分享
2012/08/01 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
基于vue中css预加载使用sass的配置方式详解
2018/03/13 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
Python3 入门教程 简单但比较不错
2009/11/29 Python
python 中的列表解析和生成表达式
2011/03/10 Python
Django权限机制实现代码详解
2018/02/05 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python基于百度云文字识别API
2018/12/13 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
Python随机函数库random的使用方法详解
2019/08/21 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
烹饪自我鉴定
2014/03/01 职场文书
副处级干部考察材料
2014/05/17 职场文书
共青团员自我评价
2015/03/10 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python