我有一個盒子作為父元素，還有一些元素在父元素中。我希望能夠在單擊該鏈接以外的任何地方時選擇此父級。鏈接在我的示例中有效，但問題是仍然選擇了父...
<div @click="select">
<div >
</div>
<div >
<a :href="google.com" target="_blank">Go to...</a>
</div>
</div>
v-on:click.stop，針對類似問題建議使用此解決方案，但這可能適用于 div、段落等元素...
uj5u.com熱心網友回復：
在此處查看Vue.js 檔案中的事件修飾符，v-on:click.stop將阻止該點擊傳播或“冒泡”到父元素。
這應該有效：
<a @click.stop :href="google.com" class="link" target="_blank">Go to...</a>
如果它不起作用，那么你可以嘗試這樣的事情：
<div class="parent" @click="select">
<div class="text"></div>
<div class="additional">
<a @click.stop="goToUrl" class="link">Go to...</a>
</div>
</div>
methods: {
goToUrl() {
window.location.href = "https://www.google.com/";
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/481875.html
標籤：Vue.js