Uniapp 解决组件在官方文档不支持的事件上，接收小程序原生组件事件

卡尔特斯2023-09-13 11:56

现在需要在抖音小程序上使用加粉丝群功能，官方 button 有自带这个功能，但是 Uniapp 官网并没有支持，一个是 open-type 类型，一个是回调事件 bindjoingroup：
html 复制代码
```
<button
  open-type="joinGroup"
  group-id="xxxx"
  bindjoingroup="handleJoinGroup"
></button>
```
js 复制代码
```
page{(
  data: {},
  handleJoinGroup (e) {
   console.log(e.detail)
  }
)}
```
在原生中是这么使用，如果在不通过小程序原生自定义 uniapp 组件的情况下，能不能直接使用呢，答案是可以的。
在 uniapp 中需要条件编译指定平台使用，小程序中的事件都是 bindxxx 只需要将 bind 换成 @ 即可获得事件，如果获取不到，看看是不是首字母大小写的问题，其他参数可按小程序原生一样使用。

html 复制代码

<!-- #ifdef MP-TOUTIAO -->
<!-- 加入按钮 -->
<button
  class="join-btn"
  open-type="joinGroup"
  group-id="xxxx"
  @joingroup="handleJoinGroup"
></button>
<!-- #endif -->

js 复制代码

<script>
export default {
    methods: {
        handleJoinGroup (e) {
            console.log(e.detail)
        }
    }
}
</script>