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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
Javascript实现的鼠标经过时播放声音
May 18 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
jQuery调用WebService的实现代码
Jun 19 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
Javascript实现Array和String互转换的方法
Dec 21 Javascript
微信小程序录音与播放录音功能
Dec 25 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
vue常用高阶函数及综合实例
Feb 25 Vue.js
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语法速查表
2007/01/02 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
PHP文件缓存类示例分享
2015/01/30 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
JavaScript中的字符串操作详解
2013/11/12 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
vue.js初学入门教程(1)
2016/11/03 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
Vue.js用法详解
2017/11/13 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
Python环境变量设置方法
2016/08/28 Python
python中如何使用朴素贝叶斯算法
2017/04/06 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
信用社员工先进事迹材料
2014/02/04 职场文书
2014年党支部学习材料
2014/05/19 职场文书
党支部综合考察材料
2014/05/19 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
小学音乐教师个人工作总结
2015/02/05 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书
2016年情人节广告语
2016/01/28 职场文书
优秀创业计划书分享
2019/07/19 职场文书
创业计划书之酒吧
2019/12/02 职场文书
PostgreSQL将数据加载到buffer cache中操作方法
2021/04/16 PostgreSQL
Golang中channel的原理解读(推荐)
2021/10/16 Golang