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)的問(wèn)題
VUE的@click事件修飾符
運(yùn)用: .prevent 阻止默認(rèn)行為
<a href='http://www.cgvv.com.cn/bcjs/url' rel='external nofollow' @click.prevent='myClick'>點(diǎn)擊</a>
.stop 阻止冒泡,只執(zhí)行 start 不執(zhí)行 end
<div @click='end'> <input type='button' value='開(kāi)始' @click.stop='start'></div>
.capture 捕獲機(jī)制,點(diǎn)擊按鈕 先執(zhí)行 end 再執(zhí)行 start
<div @click.capture='end'> <input type='button' value='開(kāi)始' @click='start'></div>
.self 只點(diǎn)擊自身才觸發(fā),點(diǎn)擊按鈕不觸發(fā)end事件,只有點(diǎn)擊div才可以觸發(fā)
<div @click.self='end'> <input type='button' value='開(kāi)始' @click='start'></div>
.once 只執(zhí)行一次,點(diǎn)擊按鈕只觸發(fā)一次start事件,第二次沒(méi)反應(yīng)
<input type='button' value='開(kāi)始' @click.once='start'>
.self 和 .prevent 都有阻止默認(rèn)冒泡的功能。
.self 只能使自己不冒泡,但是.prevent 可以使除自己外的作用都不冒泡
以上這篇vue a標(biāo)簽點(diǎn)擊實(shí)現(xiàn)賦值方式就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 用xslt+css讓RSS顯示的跟網(wǎng)頁(yè)一樣漂亮2. 利用CSS制作3D動(dòng)畫3. 使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁(yè)的方法4. 存儲(chǔ)于xml中需要的HTML轉(zhuǎn)義代碼5. HTML5 Canvas繪制圖形從入門到精通6. 讓chatgpt將html中的圖片轉(zhuǎn)為base64方法示例7. CSS3實(shí)現(xiàn)動(dòng)態(tài)翻牌效果 仿百度貼吧3D翻牌一次動(dòng)畫特效8. 《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)(一)9. html5手機(jī)觸屏touch事件介紹10. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題
