Closed zoumiaojiang closed 5 years ago
BUG 描述
mip 组件标签放在 JS 引入的后面,在组件 JS 中获取不到组件内部的 dom
<script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script> <mip-stats-baidu> <script type="application/json"> { "token": "some token string" } </script> <mip-stats-baidu>
但是在 mip-stats-baidu.js 中的 build 回调中通过 this.element.querySelector('script[type="application/json"]') 这样的方式获取不到 script DOM
build
this.element.querySelector('script[type="application/json"]')
当改变顺序之后,就符合预期,如下:
<mip-stats-baidu> <script type="application/json"> { "token": "some token string" } </script> <mip-stats-baidu> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script>
期望结果 期望无论 mip 标签在哪,都能正常取到 mip 标签内的内容 dom
组件注册在 document interactive 后(等效于 defer),暂时解决
BUG 描述
mip 组件标签放在 JS 引入的后面,在组件 JS 中获取不到组件内部的 dom
但是在 mip-stats-baidu.js 中的
build
回调中通过this.element.querySelector('script[type="application/json"]')
这样的方式获取不到 script DOM当改变顺序之后,就符合预期,如下:
期望结果 期望无论 mip 标签在哪,都能正常取到 mip 标签内的内容 dom