首页 前端知识 vue 拦截 v-html 中 a 标签 href 跳转

vue 拦截 v-html 中 a 标签 href 跳转

2024-05-07 13:05:52 前端知识 前端哥 843 135 我要收藏

记录
template 中 给需要 拦截的 代码片段加上click 方法 @click=“targetNodeNameClick”

<p class="message-content message-content-text" v-html="replaceURLWithHTMLLinks(getText(message))" @click="targetNodeNameClick"></p>
复制

然后方法的代码:如有参考,有业务代码自行理解。

// 拦截 v-html 中 a 标签 href 跳转
targetNodeNameClick(event) {
if (event.target.nodeName == "A") {
event.preventDefault();
// 使用浏览器打开
let url = event.target.getAttribute('href')
if (url) {
if (url && url.substring(0, 1) === '/') {
url = `${process.env.VUE_APP_BASE_URL}${url}`
}
this.$ipcInvoke(ipcApiRoute.openDefaultBrowser, url)
}
return false
}
},
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/7250.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!