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 常用校验函数
Mar 26 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
vue.js学习之vue-cli定制脚手架详解
Jul 02 Javascript
详解vuex的简单使用
Mar 12 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
Vue实现点击当前行变色
Dec 14 Vue.js
详解前端任务构建利器Gulp.js使用指南
Apr 30 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
ASP和PHP都是可以删除自身的
2007/04/09 PHP
php简单判断文本编码的方法
2015/07/30 PHP
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Python爬虫包BeautifulSoup实例(三)
2018/06/17 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
基于python实现计算两组数据P值
2020/07/10 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
如何现实servlet的单线程模式
2014/08/05 面试题
消防先进事迹材料
2014/02/10 职场文书
大学生创业计划书
2014/08/14 职场文书
法人代表证明书格式
2014/10/01 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
医生个人年终总结
2015/02/28 职场文书
年底个人总结范文
2015/03/10 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
升学宴祝酒词
2015/08/11 职场文书
七夕情人节问候语
2015/11/11 职场文书
2016年公司中秋节致辞
2015/11/26 职场文书
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android