第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在 RouterLink 中包含一個(gè)按鈕,以便在單擊按鈕時(shí)不會(huì)發(fā)生導(dǎo)航

如何在 RouterLink 中包含一個(gè)按鈕,以便在單擊按鈕時(shí)不會(huì)發(fā)生導(dǎo)航

至尊寶的傳說 2023-05-19 14:52:12
比方說,我有以下標(biāo)記:<RouterLink tag="div" to="/somepath">    <p>Lorem ipsum dolor sit amet.</p>    ...    <button>A button</button></RouterLink>我正在使用tag="div",因?yàn)樵谠?lt;button>內(nèi)嵌套 a是無效的 HTML5。a使用此標(biāo)記,單擊 中的任意位置RouterLink(包括段落和按鈕)將導(dǎo)致導(dǎo)航。但我的要求是點(diǎn)擊按鈕不會(huì)導(dǎo)致導(dǎo)航,但點(diǎn)擊其他元素會(huì)。因此,我使用divwith@click處理程序來檢查單擊的元素是按鈕還是它的后代元素,如果不是,則只進(jìn)行導(dǎo)航:<div @click="navigateSomewhere">    ...</div>export default {  methods: {    navigateSomewhere($event) {      if(!$event.closest("button"))        this.$router.push("/somePath")    }  }}但我想知道是否有更清潔的方法來做到這一點(diǎn)。我還創(chuàng)建了一個(gè) MCVE:https ://codesandbox.io/s/vue-routerlink-button-3dlyx 。
查看完整描述

2 回答

?
喵喵時(shí)光機(jī)

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊

<button @click.prevent="">A button</button>



查看完整回答
反對(duì) 回復(fù) 2023-05-19
?
慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊

這是因?yàn)榘粹o在“點(diǎn)擊區(qū)域”下,菜單不是目標(biāo)對(duì)象,請(qǐng)嘗試將位置相對(duì)和 z-index: 99 設(shè)置為按鈕,并告訴我



查看完整回答
反對(duì) 回復(fù) 2023-05-19
  • 2 回答
  • 0 關(guān)注
  • 246 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)