v-html渲染富文本，a标签不生效，无法跳转？？

Question

我在vue3里面处理富文本返回的数据，通过v-html渲染，由于vue并没有重新编译，仅仅是展示数据，所以里面的a链接无法正常跳转，问如何处理？
代码如下：
<div class="project_html" v-html="data.html"></div>

浏览器渲染如下：

我已经尝试对富文本数据进行监听捕获，在js中重新绑定点击事件：
watch(() => data.html, () => {
const dom = document.querySelector('.project_html') as Element
dom.addEventListener('click', () => {

window.open('http://www.wuxueggzy.com/')

})
})

元素是可以拿到，但事件并没有绑定成功
有什么更好的办法吗！

更新：已解决，元素被其他元素遮挡导致选不中orz

Answer 1

你先在浏览器控制台输入

window.open('http://baidu.com')

看看能不能新窗口打开
我怀疑是你的浏览器拦截了新窗口打开，需要用户允许后才能继续打开

v-html 示例