商品详情使用的v-html绑定了商品详情，现在客户需要点击图片并放大功能，如何获取用户点击的图片并获取到图片的Url,uni.createSelectorQuery().in(this).select获取到的节点没有URL信息。有知道的大佬么，求指点
driftPang
- 发布：2022-02-14 09:41
- 更新：2022-02-14 10:41
- 阅读：3783
BoredApe - 有问题就会有答案。
可以使用RenderJS来操作DOM,参考文档：RenderJS
<template>
<view class="content" >
<view v-html="rawHtml"></view>
</view>
</template><script lang="renderjs" module="ddd">
export default{
mounted() {
const ImgEl = document.querySelector(".aaaa")
ImgEl.addEventListener('click', ()=>{
alert('123')
})
}
}
</script><script>
export default {
data() {
return {
rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img class="aaaa" src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png"/></div>'
}
},
}
</script>
driftPang (作者)
谢谢 但是uni-app没有dom对象，已找到解决办法 uni-app提供了rich-text组件 这个可以获得点击事件的对象
2022-02-14 10:59
不老刘
回复 driftPang: rich-text 没有点击事件吧
2022-08-08 16:05
旋转的刘艹艹
老哥，你太强了 render.js 永远的神；之前不知道需要写2个 script;
2022-11-10 21:19
BoredApe
回复 旋转的刘艹艹: 点赞关注来一波
2022-11-11 08:36