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

更新时间：2020年09月07日 14:40:18 作者：橙猫智能科技有限公司

这篇文章主要介绍了vue a标签点击实现赋值方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

如下所示：

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标签点击实现赋值方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue-cli3配置多项目并按项目分别实现打包
这篇文章主要介绍了vue-cli3配置多项目并按项目分别实现打包方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
vue项目自适应屏幕分辨率实现步骤
这篇文章主要给大家介绍了关于vue项目自适应屏幕分辨率实现的相关资料,作为前端人员,为了适配各种型号的电脑、手机,我们往往离不开屏幕分辨率的适配,需要的朋友可以参考下
2023-09-09
Vue实现星空效果
这篇文章主要为大家详细介绍了Vue实现星空效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
vue-cli安装使用流程步骤详解
这篇文章主要介绍了 vue-cli安装使用流程,本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-11-11
Vue 父子组件的数据传递、修改和更新方法
下面小编就为大家分享一篇Vue 父子组件的数据传递、修改和更新方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
Vue3中使用qrcode库实现二维码生成
Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑,常用的库有 qrcode和 vue-qrcode,本文主要介绍了Vue3中使用qrcode库实现二维码生成,感兴趣的可以了解一下
2023-12-12
element-ui点击查看大图的方法示例
这篇文章主要介绍了element-ui查看大图的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12
Vue.js分页组件实现：diVuePagination的使用详解
这篇文章主要介绍了Vue.js分页组件实现：diVuePagination的使用详解,需要的朋友可以参考下
2018-01-01
vue实现将图像文件转换为base64
这篇文章主要介绍了vue实现将图像文件转换为base64，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-02-02
Nuxt页面级缓存的实现
这篇文章主要介绍了Nuxt页面级缓存的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03