vue a標簽點擊實現(xiàn)賦值方式

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

這篇文章主要介紹了vue a標簽點擊實現(xiàn)賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

v-for=“kf in kefu”

function copy_fun(copy){ //參數(shù)copy是要復(fù)制的文本內(nèi)容

上面的方法就可用了，親測可用！

補充知識：VUE 給類似a標簽加點擊事件不跳轉(zhuǎn)的問題

VUE的@click事件修飾符

運用： .prevent 阻止默認行為

<a href="url" rel="external nofollow" @click.prevent="myClick">點擊</a>

.stop 阻止冒泡，只執(zhí)行 start 不執(zhí)行 end

<div id="app" @click="end">
  <input type="button" value="開始" @click.stop="start">
</div>

.capture 捕獲機制，點擊按鈕先執(zhí)行 end 再執(zhí)行 start

<div id="app" @click.capture="end">
  <input type="button" value="開始" @click="start">
</div>

.self 只點擊自身才觸發(fā)，點擊按鈕不觸發(fā)end事件，只有點擊div才可以觸發(fā)

<div id="app" @click.self="end">
  <input type="button" value="開始" @click="start">
</div>

.once 只執(zhí)行一次，點擊按鈕只觸發(fā)一次start事件，第二次沒反應(yīng)

<input type="button" value="開始" @click.once="start">

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

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

以上這篇vue a標簽點擊實現(xiàn)賦值方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue3中使用i18n,this.$t報錯問題及解決
這篇文章主要介紹了Vue3中使用i18n,this.$t報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-04-04
Vue2 監(jiān)聽屬性改變watch的實例代碼
今天小編就為大家分享一篇Vue2 監(jiān)聽屬性改變watch的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
vue中使用騰訊云Im的示例
這篇文章主要介紹了vue中使用騰訊云Im的示例，幫助大家調(diào)用對應(yīng)的api，完成自己的項目，感興趣的朋友可以了解下
2020-10-10
如何使用Vue3.2+Vite2.7從0快速打造一個UI組件庫
構(gòu)建工具使用vue3推薦的vite,下面這篇文章主要給大家介紹了關(guān)于如何使用Vue3.2+Vite2.7從0快速打造一個UI組件庫的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
iview table render集成switch開關(guān)的實例
下面小編就為大家分享一篇iview table render集成switch開關(guān)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
詳解Vue組件如何正確引用和使用外部方法
在開發(fā)Vue應(yīng)用時,我們經(jīng)常需要在多個組件中復(fù)用一些通用的函數(shù)或方法,這些函數(shù)可能是我們自己編寫的工具函數(shù),也可能是從第三方庫中導(dǎo)入的,下面我們就來看看如何正確引用和使用外部方法吧
2024-01-01
antd配置config-overrides.js文件的操作
這篇文章主要介紹了antd配置config-overrides.js文件的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10
vuex?Mutations同步Actions異步原理解析
這篇文章主要為大家介紹了vuex?Mutations同步Actions異步原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
vue網(wǎng)站優(yōu)化實戰(zhàn)之秒開網(wǎng)頁
最近在搭建自己的博客,前端采用Vue技術(shù),發(fā)現(xiàn)首頁加載速度非常之慢,常常達到10S左右,遂開始優(yōu)化之旅,這篇文章主要給大家介紹了關(guān)于vue網(wǎng)站優(yōu)化實戰(zhàn)之秒開網(wǎng)頁的相關(guān)資料,需要的朋友可以參考下
2022-08-08
Vuex的五大核心詳細講解
這篇文章主要為大家介紹了vuex的五個核心概念和基本使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-09-09