javascript 阻止a的link向href跳转


今天在做一个删除记录的功能,之前也做过类型的,只是没有记录。

提示确认删除或者取消删除,当选择取消删除时,怎么能阻止a的link向href跳转呢。

以下方法是可以的。

<a href="web_add_name.php?act=del&hostname=<?=$host['name']?>" οnclick="javascript:return del();">删除</a>


<script type="text/javascript">
function del(){
    if(confirm('确实要删除此条记录吗?')){return true;}else{return false;}}
</script>


A元素可以使用router-link进行跳转。你可以使用router-link标签来包裹要跳转的元素,并在:to属性中指定要跳转的路径。例如,如果你想要跳转到详情页,并且需要传递参数,你可以像以下这样使用router-link: <router-link :to="{ path: '/detail', query: { id: '123' } }"> <a>跳转到详情页</a> </router-link> 在上面的例子中,:to属性的path指定了要跳转到的路径,query则指定了要传递的参数。在详情页中,你可以通过$route.query来获取传递过来的参数。例如,在created钩子函数中,你可以使用this.$route.query.id来获取id参数的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue 页面跳转不用router-link的实现代码](https://download.csdn.net/download/weixin_38671628/12761288)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue使用router-link跳转时传递参数](https://blog.csdn.net/Yanzudada/article/details/105978653)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [【Vue项目练习】router-link跳转失败原因](https://blog.csdn.net/xptxhx/article/details/127786820)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值