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 相关文章推荐
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
javascript 数组操作详解
Jan 29 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
基于Jquery easyui 选中特定的tab
Nov 17 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
javascript填充默认头像方法
Feb 22 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
Vue formData实现图片上传
Aug 20 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
sony ICF-2010 拆解与改装
2021/03/02 无线电
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
2012/09/30 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php判断是否为json格式的方法
2014/03/04 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
微信API接口大全
2015/04/15 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
鼠标事件延时切换插件
2011/03/12 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
Vue数组更新及过滤排序功能
2017/08/10 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
python装饰器使用方法实例
2013/11/21 Python
python处理大数字的方法
2015/05/27 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
对python模块中多个类的用法详解
2019/01/10 Python
Pyqt5自适应布局实例
2019/12/13 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
兰蔻加拿大官方网站:Lancome加拿大
2016/08/05 全球购物
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
小学学习雷锋活动总结
2014/07/03 职场文书
辞职书格式样本
2015/02/26 职场文书
中秋节寄语2015
2015/03/24 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers
zabbix配置nginx监控的实现
2022/05/25 Servers