评论

在uniapp里用微信小程序组件开发过程及问题记录

主要介绍了uniapp项目里如何引用原生微信小程序组件,并介绍了uniapp组件与微信小程序组件之间如何通信。

在uniapp里使用微信小程序组件步骤:

1)在根目录下添加wxcomponents文件夹,在文件夹下使用微信小程序自定义组件进行开发,如下图

2)在pages.json里添加usingComponenets,因要在vue组件里使用微信小程序自定义组件,在globalStyle下引用组件,如下图:

3)在对应页面里添加组件<video-player></video-player>

到此时,仍无法正常显示组件,需import引入,components注册

到此,自定义微信小程序video-player可正常使用。

两个问题:

1)父组件(uniapp)向video-player组件(微信小程序)传值,父组件:data="data",子组件使用properties

2)子组件调用父组件方法并传递数据,子组件使用triggerEvent,注意,微信小程序各组件之间使用triggerEvent传参为对象,而与uniapp之间需传递数组

最后一次编辑于  2022-05-16  
点赞 0
收藏
评论

4 个评论

  • CoderHuw
    CoderHuw
    06-27

    您好,请问wxcomponents中的组件能分包吗?

    06-27
    赞同
    回复
  • 哈哈哈
    哈哈哈
    2023-03-23

    想问一下,在微信开发者工具真机模拟的时候组件正常显示,发布体验版就找不到这个组件了

    2023-03-23
    赞同
    回复
  • 好
运
眷
顾
    好 运 眷 顾
    2022-11-26

    this调用都有问题,组件直接不认export出来的this

    2022-11-26
    赞同
    回复
  • 天赤
    天赤
    2022-09-16

    你好, 请问如何在 uni-app 中获取微信小程序组件的实例呢?

    我这里试过了 ref, 以及uni.createSelectorQuery()方法, 都不能获取到小程序组件的实例

    2022-09-16
    赞同
    回复
登录 后发表内容