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 相关文章推荐
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
Angular实现的table表格排序功能完整示例
Dec 22 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
在vue中使用Base64转码的案例
Aug 07 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中cookies使用指南
2007/03/16 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
JS获取整个页面文档的实现代码
2011/12/15 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
Python中的hypot()方法使用简介
2015/05/18 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
Molton Brown美国官网:奢华美容、香水、沐浴和身体护理
2020/09/02 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
财务出纳员岗位职责
2013/11/26 职场文书
运动会广播稿300字
2014/01/10 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
联谊活动策划书
2014/01/26 职场文书
总经理助理工作职责
2014/02/06 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
严以律己学习心得体会
2016/01/13 职场文书
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js