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 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
使用JQUERY Tabs插件宿主IFRAMES
Jan 01 Javascript
javascript textContent与innerText的异同分析
Oct 22 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
jquery js 重置表单 reset()具体实现代码
Aug 05 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
纯jQuery实现前端分页功能
Mar 23 jQuery
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 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向js函数传参的几种方法
2014/08/10 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
cakephp常见知识点汇总
2017/02/24 PHP
Javascript 面向对象特性
2009/12/28 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
利用fecha进行JS日期处理
2016/11/21 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
从零学Python之入门(三)序列
2014/05/25 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
深入理解Python对Json的解析
2017/02/14 Python
浅谈对yield的初步理解
2017/05/29 Python
python遍历序列enumerate函数浅析
2017/10/17 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
师生聚会感言
2014/01/26 职场文书
高一数学教学反思
2014/02/07 职场文书
活动总结怎么写
2014/04/28 职场文书
节约能源标语
2014/06/17 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
优秀团员自我评价
2015/03/10 职场文书
军训决心书范文
2015/09/22 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL