vue a標(biāo)簽點(diǎn)擊實(shí)現(xiàn)賦值方式
如下所示:
v-for=“kf in kefu”
function copy_fun(copy){ //參數(shù)copy是要復(fù)制的文本內(nèi)容
上面的方法就可用了,親測(cè)可用!
補(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)賦值方式就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中使用i18n,this.$t報(bào)錯(cuò)問題及解決
這篇文章主要介紹了Vue3中使用i18n,this.$t報(bào)錯(cuò)問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04Vue2 監(jiān)聽屬性改變watch的實(shí)例代碼
今天小編就為大家分享一篇Vue2 監(jiān)聽屬性改變watch的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08如何使用Vue3.2+Vite2.7從0快速打造一個(gè)UI組件庫(kù)
構(gòu)建工具使用vue3推薦的vite,下面這篇文章主要給大家介紹了關(guān)于如何使用Vue3.2+Vite2.7從0快速打造一個(gè)UI組件庫(kù)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09iview table render集成switch開關(guān)的實(shí)例
下面小編就為大家分享一篇iview table render集成switch開關(guān)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03antd配置config-overrides.js文件的操作
這篇文章主要介紹了antd配置config-overrides.js文件的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁(yè)
最近在搭建自己的博客,前端采用Vue技術(shù),發(fā)現(xiàn)首頁(yè)加載速度非常之慢,常常達(dá)到10S左右,遂開始優(yōu)化之旅,這篇文章主要給大家介紹了關(guān)于vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁(yè)的相關(guān)資料,需要的朋友可以參考下2022-08-08