vue a標籤點選實現賦值方式
阿新 • • 發佈:2020-09-08
如下所示:
v-for=“kf in kefu”
function copy_fun(copy){ //引數copy是要複製的文字內容
上面的方法就可用了,親測可用!
補充知識:VUE 給類似a標籤加點選事件不跳轉的問題
VUE的@click事件修飾符
運用: .prevent 阻止預設行為
<a href="url" rel="external nofollow" @click.prevent="myClick">點選</a>
.stop 阻止冒泡,只執行 start 不執行 end
<div id="app" @click="end"> <input type="button" value="開始" @click.stop="start"> </div>
.capture 捕獲機制,點選按鈕 先執行 end 再執行 start
<div id="app" @click.capture="end"> <input type="button" value="開始" @click="start"> </div>
.self 只點擊自身才觸發,點選按鈕不觸發end事件,只有點選div才可以觸發
<div id="app" @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標籤點選實現賦值方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。