欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue a標(biāo)簽點(diǎn)擊實(shí)現(xiàn)賦值方式

 更新時(shí)間:2020年09月07日 14:40:18   作者:橙貓智能科技有限公司  
這篇文章主要介紹了vue a標(biāo)簽點(diǎn)擊實(shí)現(xiàn)賦值方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

如下所示:

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ò)問題及解決

    這篇文章主要介紹了Vue3中使用i18n,this.$t報(bào)錯(cuò)問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-04-04
  • Vue2 監(jiān)聽屬性改變watch的實(shí)例代碼

    Vue2 監(jiān)聽屬性改變watch的實(shí)例代碼

    今天小編就為大家分享一篇Vue2 監(jiān)聽屬性改變watch的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • vue中使用騰訊云Im的示例

    vue中使用騰訊云Im的示例

    這篇文章主要介紹了vue中使用騰訊云Im的示例,幫助大家調(diào)用對(duì)應(yīng)的api,完成自己的項(xiàng)目,感興趣的朋友可以了解下
    2020-10-10
  • 如何使用Vue3.2+Vite2.7從0快速打造一個(gè)UI組件庫(kù)

    如何使用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-09
  • iview table render集成switch開關(guān)的實(shí)例

    iview table render集成switch開關(guān)的實(shí)例

    下面小編就為大家分享一篇iview table render集成switch開關(guān)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • 詳解Vue組件如何正確引用和使用外部方法

    詳解Vue組件如何正確引用和使用外部方法

    在開發(fā)Vue應(yīng)用時(shí),我們經(jīng)常需要在多個(gè)組件中復(fù)用一些通用的函數(shù)或方法,這些函數(shù)可能是我們自己編寫的工具函數(shù),也可能是從第三方庫(kù)中導(dǎo)入的,下面我們就來看看如何正確引用和使用外部方法吧
    2024-01-01
  • antd配置config-overrides.js文件的操作

    antd配置config-overrides.js文件的操作

    這篇文章主要介紹了antd配置config-overrides.js文件的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • vuex?Mutations同步Actions異步原理解析

    vuex?Mutations同步Actions異步原理解析

    這篇文章主要為大家介紹了vuex?Mutations同步Actions異步原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁(yè)

    vue網(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
  • Vuex的五大核心詳細(xì)講解

    Vuex的五大核心詳細(xì)講解

    這篇文章主要為大家介紹了vuex的五個(gè)核心概念和基本使用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-09-09

最新評(píng)論