比如我有个自定义组件如下
<view wx:for="{{data}}" wx:key="title">
<view class="content">
<slot name="{{index}}"/>
</view>
</view>
我这样使用我的组件
<my-component data="{{['你','我','他']}}">
<view slot="0"><view>这个元素在审查元素里找不到</view></view>
<view slot="1"><view>这个元素在审查元素里找不到</view></view>
<view slot="2"><view>这个元素在审查元素里找不到</view></view>
</my-component>
如上,"这个元素在审查元素里找不到"这三个元素能正常显示,但是审查元素里找不到,这样不方便调试啊?
实际项目要比这个复杂一些,上面例子只是做了简化,所以看起来这个例子很奇怪,但是实际项目确实需要这样做,我尝试过做成关联组件,然后避免动态slot,但是那样改造对我的项目而言复杂性更大了。
这里看起来是有些问题,我们看下具体原因。
可以先把“以 shadow-root 形式展示自定义组件”这个选项关掉先。
请具体描述问题出现的流程,并提供工具的版本号,能复现问题的简单代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html