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

• 现在需要在抖音小程序上使用加粉丝群功能，官方 button 有自带这个功能，但是 Uniapp 官网并没有支持，一个是 open-type 类型，一个是回调事件 bindjoingroup：

  <button
    open-type="joinGroup"
    group-id="xxxx"
    bindjoingroup="handleJoinGroup"
  >button>
  1
  2
  3
  4
  5

  page{(
    data: {},
    handleJoinGroup (e) {
     console.log(e.detail)
    }
  )}
  1
  2
  3
  4
  5
  6

  在原生中是这么使用，如果在不通过小程序原生自定义 uniapp 组件的情况下，能不能直接使用呢，答案是可以的。

• 在 uniapp 中需要条件编译指定平台使用，小程序中的事件都是 bindxxx 只需要将 bind 换成 @ 即可获得事件，如果获取不到，看看是不是首字母大小写的问题，其他参数可按小程序原生一样使用。

<button
  class="join-btn"
  open-type="joinGroup"
  group-id="xxxx"
  @joingroup="handleJoinGroup"
>button>

1
2
3
4
5
6
7
8
9

<script>
export default {
    methods: {
        handleJoinGroup (e) {
            console.log(e.detail)
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9