您的位置:首頁技術文章
文章詳情頁

vue a標簽點擊實現賦值方式

瀏覽:88日期:2022-11-27 18:08:41

如下所示:

v-for=“kf in kefu”

function copy_fun(copy){ //參數copy是要復制的文本內容

上面的方法就可用了,親測可用!

補充知識:VUE 給類似a標簽加點擊事件不跳轉的問題

VUE的@click事件修飾符

運用: .prevent 阻止默認行為

<a href='http://www.wxshucaidpc.com/bcjs/url' rel='external nofollow' @click.prevent='myClick'>點擊</a>

.stop 阻止冒泡,只執行 start 不執行 end

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

.capture 捕獲機制,點擊按鈕 先執行 end 再執行 start

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

.self 只點擊自身才觸發,點擊按鈕不觸發end事件,只有點擊div才可以觸發

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

.once 只執行一次,點擊按鈕只觸發一次start事件,第二次沒反應

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

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

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

以上這篇vue a標簽點擊實現賦值方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
国产综合久久一区二区三区