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拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
JS定时器实例详细分析
Oct 11 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
JS实现520 表白简单代码
May 21 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 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
phpwind中的数据库操作类
2007/01/02 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
2019/09/02 Javascript
vue浏览器返回监听的具体步骤
2021/02/03 Vue.js
python计数排序和基数排序算法实例
2014/04/25 Python
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
Python selenium 父子、兄弟、相邻节点定位方式详解
2016/09/15 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
如何利用Python 进行边缘检测
2020/10/14 Python
flask框架中的cookie和session使用
2021/01/31 Python
小小商店教学反思
2014/04/27 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
2014年幼儿园德育工作总结
2014/12/17 职场文书
员工试用期工作总结
2019/06/20 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript
CSS基础详解
2021/10/16 HTML / CSS
关于MySQL中explain工具的使用
2023/05/08 MySQL