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