vue 给div内赋值_vue a标签点击实现赋值方式

本文介绍了在Vue中如何利用v-for和事件处理函数实现a标签的点击赋值,包括.copy_fun方法的使用,以及Vue的事件修饰符如.prevent、.stop等的详细说明,帮助理解如何避免默认行为和事件冒泡。同时,文章提及了Vue对数组和对象变动的检测限制,并给出了解决方案。
摘要由CSDN通过智能技术生成

vue a标签点击实现赋值方式

如下所示:

v-for=“kf in kefu”

function copy_fun(copy){ //参数copy是要复制的文本内容

上面的方法就可用了,亲测可用!

补充知识:VUE 给类似a标签加点击事件不跳转的问题

VUE的@click事件修饰符

运用: .prevent 阻止默认行为

点击

.stop 阻止冒泡,只执行 start 不执行 end

.capture 捕获机制,点击按钮 先执行 end 再执行 start

.self 只点击自身才触发,点击按钮不触发end事件,只有点击div才可以触发

.once 只执行一次,点击按钮只触发一次start事件,第二次没反应

.self 和 .prevent 都有阻止默认冒泡的功能。

.self 只能使自己不冒泡,但是.prevent 可以使除自己外的作用都不冒泡

以上这篇vue a标签点击实现赋值方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2020-09-04

Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength 当第一种情况需求时,可以使用this.$set(this.arr,index,newVal) Vue 不能检测对象属性的添加或删除: 可以使用this.$set(this.person,&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值