vue a標(biāo)簽點擊實現(xiàn)賦值方式
更新時間：2020年09月07日 14:40:18 作者：橙貓智能科技有限公司
這篇文章主要介紹了vue a標(biāo)簽點擊實現(xiàn)賦值方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
v-for=“kf in kefu”
function copy_fun(copy){ //參數(shù)copy是要復(fù)制的文本內(nèi)容
上面的方法就可用了，親測可用！
補充知識：VUE 給類似a標(biāo)簽加點擊事件不跳轉(zhuǎn)的問題
VUE的@click事件修飾符
運用： .prevent 阻止默認(rèn)行為
<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 都有阻止默認(rèn)冒泡的功能。
.self 只能使自己不冒泡，但是.prevent 可以使除自己外的作用都不冒泡
以上這篇vue a標(biāo)簽點擊實現(xiàn)賦值方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue SPA單頁應(yīng)用首屏優(yōu)化實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
本篇文章主要介紹了Vue實現(xiàn)自帶的過濾器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
在vue3中,如果你用reactive聲明了一個對象,用另一個對象直接給它賦值,那么它就會失去響應(yīng)式,下面這篇文章主要給大家介紹了關(guān)于Vue3中reactive丟失響應(yīng)式問題的相關(guān)資料,需要的朋友可以參考下2023-03-03
在前端開發(fā)中,卡片遮罩層是一種常見的交互設(shè)計元素,用于強調(diào)某個區(qū)域或內(nèi)容,并提供用戶操作的入口,本文將帶大家在?vue?中結(jié)合實際案例實現(xiàn)此功能,感興趣的朋友一起看看吧2024-08-08
這篇文章主要介紹了vue 定制上傳按鈕的樣式的兩種方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
這篇文章主要介紹了在Vue項目中引入騰訊驗證碼服務(wù)的教程,需要的朋友可以參考下2018-04-04
v-if和v-show的區(qū)別是前端面試中常問的基礎(chǔ)知識點,v-if、v-show顧名思義就是用來判斷視圖層展示效果的,下面這篇文章主要給大家介紹了關(guān)于Vue常用指令v-if與v-show區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了VUE項目去除input 框值所有空格的操作方法，主要包括去除空格的方法、正則和element ui寫法，本文給大家講解的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-10-10
Vue項目打包成exe可執(zhí)行文件的實現(xiàn)過程(無瑕疵,完美版)
突然接到公司需求,說客戶想讓我們把項目直接打包,所以下面這篇文章主要給大家介紹了關(guān)于Vue項目打包成exe可執(zhí)行文件的實現(xiàn)過程,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
如何在Vue3中實現(xiàn)自定義指令(超詳細(xì)!)
除了默認(rèn)設(shè)置的核心指令(v-model和v-show),Vue也允許注冊自定義指令,下面這篇文章主要給大家介紹了關(guān)于如何在Vue3中實現(xiàn)自定義指令的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06