1. 程式人生 > 程式設計 >vue a標籤點選實現賦值方式

vue a標籤點選實現賦值方式

如下所示:

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標籤點選實現賦值方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。