Vue中怎么根據(jù)條件添加click事件

這篇文章將為大家詳細(xì)講解有關(guān)Vue中怎么根據(jù)條件添加click事件,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)公司,專注為中小企業(yè)提供官網(wǎng)建設(shè)、營銷型網(wǎng)站制作、響應(yīng)式網(wǎng)站開發(fā)、展示型網(wǎng)站建設(shè)、網(wǎng)站制作等服務(wù),幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價(jià)值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營銷推廣問題。

需求:根據(jù)特定條件,增加或者去掉click事件(例如:clickFlag == true時(shí),添加click事件;clickFlag == false時(shí),去掉click事件;)

解決方法:

方式一:在綁定事件中直接添加標(biāo)示量clickFlag

<div @click="clickFlag && addGoodsHandler()">
 添加產(chǎn)品
</div>

方式二:用v-if 、v-else-if、v-else 判斷

<div v-if="clickFlag" @click="addGoodsHandler()">
 添加產(chǎn)品
</div>
<div v-else>
 添加產(chǎn)品
</div>

關(guān)于Vue中怎么根據(jù)條件添加click事件就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

當(dāng)前標(biāo)題:Vue中怎么根據(jù)條件添加click事件
分享路徑:http://muchs.cn/article18/jeppgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、云服務(wù)器網(wǎng)站營銷、自適應(yīng)網(wǎng)站、電子商務(wù)、定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化