问题描述: 引入//statres.quickapp.cn/quickapp/js/qa_router.min.js 在Vue页面的模板中使用H5点击组件
3. 查看页面元素,标签没有被解析为iframe 4. 使用动态插入的方式 document.querySelector('#quickappButtonWrap').innerHTML = `
<qa-router-button
data-package-name=""
data-page="/"
id="clickComponent"
>
<templates>
<img src="icon.png"></img>
<button style="width: 100px; height: 50px;">秒开</button>
</templates>
<styles>
<!-- <styles> 中插入样式 -->
#container { }
img { }
button { width: '100px'; height: '50px'; }
</styles>
</qa-router-button>
` 5. 标签被成功解析出iframe 观察qa_router.min.js中的逻辑,写在Vue模板文件中的元素在渲染的时候没有触发MutationObserver;而动态插入的元素触发了MutationObserver完成标签解析。 猜测是不是MutationObserver的触发机制导致标签解析失败? 可以在qa_router中开放方法给开发者手动触发标签解析吗? |