收藏
评论

关于自定义组件的坑

写了很多自定义组件,踩了坑,没事吐槽下

最后一次编辑于  2018-01-24  (未经腾讯允许,不得转载)
复制链接收藏赞 0

17 个评论

  • 楚门
    楚门
    2018-01-24

    1,不要起自定义组件的标签名与微信提供的api相同名字的标签,否则在频繁操作时,会调用成微信提供的api(部分手机),例如<toast></toast>这个标签,在切换页面时会导致调用wx.showToast

    2018-01-24
    赞同
    回复
  • 楚门
    楚门
    2018-01-24

    2,组件中插入slot时,如果slot中的元素,需要使用block标签时,wx:else偶尔会导致各种错误,暂时不了解是block还是自定义组件的锅,建议出现的时候使用wx:elif或wx:if代替

    2018-01-24
    赞同
    回复
  • 楚门
    楚门
    2018-01-25

    3,自定义组件会阻止事件的冒泡,当外层是非自定义组件时将捕获不到事件,此时把这块区域都用自定义组件写就好了,实在不行就自定义组件包自定义组件解决吧

    2018-01-25
    赞同
    回复
  • 雷雷雷阵雨
    雷雷雷阵雨
    2018-01-30

    👍

    2018-01-30
    赞同
    回复
  • 永恒君
    永恒君
    2018-02-01

    有这样两个问题,一起探讨下:

    1. 父级样式只能通过 comp > view > view 这样传下去来修改组件内样式

    2. 父级无法调用组件内方法,比如常见的父级调用 list 组件里的 reload 方法

    2018-02-01
    赞同
    回复
  • 楚门
    楚门
    2018-02-01

    1,本来想import一个公共样式文件,结果报错,但之前看到官方建议这样写,还是只能组件的样式写在组件里,2用selectComponent这个方法找到组件然后再调就好了

    2018-02-01
    赞同
    回复
  • 永恒君
    永恒君
    2018-02-01

    大佬!但 selectComponent 不会用,能亮个简易代码吗?

    2018-02-01
    赞同
    回复
  • 楚门
    楚门
    2018-02-02

    https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/component.html  文档有

    2018-02-02
    赞同
    回复
  • 山和大海
    山和大海
    2018-02-28

    selectComponent这个方法只能获取子组件的数据属性,调用不了方法

    2018-02-28
    赞同
    回复
  • 楚门
    楚门
    2018-02-28

    可以的

    2018-02-28
    赞同
    回复