小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
新闻列表有三图、单图、大图等样式,希望能够将各种不同的样式封装成一个自定义组件在各个不同页面复用。
目前在开发者工具中开发时碰到一个错误:渲染层错误 Error: Expect FLOW_MINIPULATE_CHILD but get another,预览的时候正常。但是影响了开发效率。
- 希望提供的能力
组件复用。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我也碰到这个问题,情况如下:
mpvue + iview weapp
在引用 i-tabs 时,设置两个子 tab 没有问题,但是设置三个时,第三次切换 tab 就会报这个错误,但是好像并没有什么影响。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我预览正常,就开发者工具上不正常,不知道是不是开发者工具环境影响了,后面换了一种方案。
求帮忙解决,谢谢!
我也同样遇到这个问题,您那边已经解决了吗?
同问解决了吗
没找到具体原因。不过我将项目删除后,重建项目再把代码导入后就正常了
我找到的原因是组件内套了组件就会出现这样的情况,但是看文档是支持这种写法的,也定义了relations,还是不行。你当时有组件里套组件吗
我换了一种方式,第一种方案会报错,第二种方案正常。
第一种方案:
<
view
class
=
"news-list"
>
block
wx:for
"{{newsList}}"
wx:key
"index"
wx:if
"{{item.ispicnews === '1'}}"
text
>大图</
</
wx:elif
"{{item.isvideo === '1' || item.videonews === '1' || item.videonews === '2'}}"
>视频</
"{{item.ispicnews === '2'}}"
"news-item news-img-lg news-picnews"
>图片</
"{{item.ispicnews === '-1'}}"
>纯文字</
wx:elif="{{item.miniimg_size >= 3}}">
>三图</
my-component
wx:elif="{{item.miniimg_size >= 1}}" inner-text="Some text" other="{{item}}"></
第二种方案:
inner-text
"大图"
other
"{{item}}"
></
"视频"
"图片"
"纯文字"
wx:elif="{{item.miniimg_size >= 3}}" inner-text="三图" other="{{item}}"></
wx:elif="{{item.miniimg_size >= 1}}" inner-text="单图" other="{{item}}"></
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我也碰到这个问题,情况如下:
mpvue + iview weapp
在引用 i-tabs 时,设置两个子 tab 没有问题,但是设置三个时,第三次切换 tab 就会报这个错误,但是好像并没有什么影响。
我预览正常,就开发者工具上不正常,不知道是不是开发者工具环境影响了,后面换了一种方案。
求帮忙解决,谢谢!
我也同样遇到这个问题,您那边已经解决了吗?
同问解决了吗
没找到具体原因。不过我将项目删除后,重建项目再把代码导入后就正常了
我找到的原因是组件内套了组件就会出现这样的情况,但是看文档是支持这种写法的,也定义了relations,还是不行。你当时有组件里套组件吗
我换了一种方式,第一种方案会报错,第二种方案正常。
第一种方案:
<
view
class
=
"news-list"
>
<
block
wx:for
=
"{{newsList}}"
wx:key
=
"index"
>
<
view
wx:if
=
"{{item.ispicnews === '1'}}"
>
<
text
>大图</
text
>
</
view
>
<
view
wx:elif
=
"{{item.isvideo === '1' || item.videonews === '1' || item.videonews === '2'}}"
>
<
text
>视频</
text
>
</
view
>
<
view
wx:elif
=
"{{item.ispicnews === '2'}}"
class
=
"news-item news-img-lg news-picnews"
>
<
text
>图片</
text
>
</
view
>
<
view
wx:elif
=
"{{item.ispicnews === '-1'}}"
>
<
text
>纯文字</
text
>
</
view
>
<
view
wx:elif="{{item.miniimg_size >= 3}}">
<
text
>三图</
text
>
</
view
>
<
my-component
wx:elif="{{item.miniimg_size >= 1}}" inner-text="Some text" other="{{item}}"></
my-component
>
</
block
>
</
view
>
第二种方案:
<
view
class
=
"news-list"
>
<
block
wx:for
=
"{{newsList}}"
wx:key
=
"index"
>
<
my-component
wx:if
=
"{{item.ispicnews === '1'}}"
inner-text
=
"大图"
other
=
"{{item}}"
></
my-component
>
<
my-component
wx:elif
=
"{{item.isvideo === '1' || item.videonews === '1' || item.videonews === '2'}}"
inner-text
=
"视频"
other
=
"{{item}}"
></
my-component
>
<
my-component
wx:elif
=
"{{item.ispicnews === '2'}}"
inner-text
=
"图片"
other
=
"{{item}}"
></
my-component
>
<
my-component
wx:elif
=
"{{item.ispicnews === '-1'}}"
inner-text
=
"纯文字"
other
=
"{{item}}"
></
my-component
>
<
my-component
wx:elif="{{item.miniimg_size >= 3}}" inner-text="三图" other="{{item}}"></
my-component
>
<
my-component
wx:elif="{{item.miniimg_size >= 1}}" inner-text="单图" other="{{item}}"></
my-component
>
</
block
>
</
view
>