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 UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
JavaScript开发者必备的10个Sublime Text插件
Feb 27 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 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
php5 mysql分页实例代码
2008/04/10 PHP
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
动态加载脚本提升javascript性能
2014/02/24 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
JS实现调用本地摄像头功能示例
2018/05/18 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
详解Vue之父子组件传值
2019/04/01 Javascript
python中的多重继承实例讲解
2014/09/28 Python
python实现ipsec开权限实例
2014/11/11 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
Python实现学校管理系统
2018/01/11 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
Python二次规划和线性规划使用实例
2019/12/09 Python
Python JSON编解码方式原理详解
2020/01/20 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
python 进程池pool使用详解
2020/10/15 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
你所在的项目是如何确定版本号的
2015/12/28 面试题
推广普通话演讲稿
2014/05/23 职场文书
4s店活动策划方案
2014/08/25 职场文书
财务稽核岗位职责
2015/04/13 职场文书
民事辩护词范文
2015/05/21 职场文书
舞出我人生观后感
2015/06/16 职场文书
幼儿园大班教育随笔
2015/08/14 职场文书
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android