亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 RouterLink 中包含一個按鈕,以便在單擊按鈕時不會發生導航

如何在 RouterLink 中包含一個按鈕,以便在單擊按鈕時不會發生導航

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

2 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

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



查看完整回答
反對 回復 2023-05-19
?
慕的地6264312

TA貢獻1817條經驗 獲得超6個贊

這是因為按鈕在“點擊區域”下,菜單不是目標對象,請嘗試將位置相對和 z-index: 99 設置為按鈕,并告訴我



查看完整回答
反對 回復 2023-05-19
  • 2 回答
  • 0 關注
  • 238 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號