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

这篇具有很好参考价值的文章主要介绍了Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

    <button
      open-type="joinGroup"
      group-id="xxxx"
      bindjoingroup="handleJoinGroup"
    ></button>
    
    page{(
      data: {},
      handleJoinGroup (e) {
       console.log(e.detail)
      }
    )}
    

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

  • uniapp 中需要条件编译指定平台使用,小程序中的事件都是 bindxxx 只需要将 bind 换成 @ 即可获得事件,如果获取不到,看看是不是首字母大小写的问题,其他参数可按小程序原生一样使用。文章来源地址https://www.toymoban.com/news/detail-708210.html

<!-- #ifdef MP-TOUTIAO -->
<!-- 加入按钮 -->
<button
  class="join-btn"
  open-type="joinGroup"
  group-id="xxxx"
  @joingroup="handleJoinGroup"
></button>
<!-- #endif -->
<script>
export default {
    methods: {
        handleJoinGroup (e) {
            console.log(e.detail)
        }
    }
}
</script>

到了这里,关于Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp小程序用deep重写组件样式不生效 已解决

    deep只在h5中生效 但是在小程序中不生效 但是已找到解决办法。 在method同级下添加: options: { styleIsolation: ‘shared’ } 如下 然后再使用deep就可以了 如 效果就出来了:

    2024年02月12日
    浏览(35)
  • 解决uniapp编译的微信小程序不支持v-bind=“$attrs“

    原生组件无法支持v-bind;用户自定义组件以及第三方扩展组件才支持v-bind v-model属性 在高版本的vue3+vite中使用父组件传递下来的props中的某一个属性,作为当前组件的子组件的v-model入参,那么将会报错 [vite] [plugin:vite:vue] v-model cannot be used on a prop, because local prop bindings are not wr

    2024年02月08日
    浏览(33)
  • 微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题

    结合了以下文章,都没有找到办法 https://blog.csdn.net/WEIGUO19951107/article/details/94305964 https://blog.csdn.net/weixin_39461487/article/details/80075140 https://developers.weixin.qq.com/community/develop/doc/cbd33199b42aec724e54419ebe6371d7 图片显示是这个文章给我了参考,并且成功 https://blog.csdn.net/one_girl/article/deta

    2024年02月11日
    浏览(41)
  • 【uniapp 小程序】解决 map 组件出现标点(地图)自动偏移或 @regionchange 频繁触发的问题

    在业务开发中出现了地图的中心标点向右侧缓慢移动的问题,在我解决后又发现了 @regionchange 方法出现了无限调用的问题。这几个问题属于微信 map 地图组件迟迟未修复的bug。 本文仅解决与我相似的问题以做参考,并会附上对应的问题与参考的博客。 1、地图无操作下出现缓

    2024年02月03日
    浏览(29)
  • 关于微信小程序原生组件与uniApp混合开发过程遇到的问题与解决方式

    前言: 在实际开发过程中,尤其是小程序的开发,我们常常会遇到一些在文档中解决不了的问题,在这里,我就浅谈一下我遇到的一些问题 1.小程序的构建框架是uni-app,却突然被要求用原生的微信小程序代码来开发,到最后要整合到uni-app里面 这个整合问题,uni-app官网就有

    2024年02月05日
    浏览(48)
  • 微信小程序消息推送、接收消息事件、发送客服消息

    文档地址消息推送 | 微信开放文档 接收消息和事件 | 微信开放文档 发送客服消息 | 微信开放文档 代码参考

    2024年02月12日
    浏览(29)
  • uniapp框架组件、props对组件传值、对组件绑定事件的使用、子组件给父组件传值

    新建组件的方式,在components目录下新建组件,然后就能在pages页面当中直接使用该组件 test.vue home.vue: 页面效果如下: props的作用就是可以从外部的标签当中传值到标签当中的内容 props的使用方法:在子组件当中,props是一个对象,对象当中的数据也是一个对象,该有两个属性

    2024年02月15日
    浏览(36)
  • uniapp中u-switch子组件点击触发到父组件(阻止事件冒泡)

    解决方法:在u-switch 外面包一个view标签,并使用@tap.stop.prevent 可以阻止事件冒泡 .stop 阻止事件继续传播到父元素,prevent阻止事件默认行为 知识点补充: 1.事件冒泡:当一个元素的事件被触发时,会沿着父元素向上传递,直到根元素 2. 阻止事件冒泡常用的事件修饰符: .st

    2024年01月21日
    浏览(52)
  • 在uniapp中为自定义组件绑定点击事件点击后没有效果

    使用uniapp时,封装了一个Card的组件,为这个Card组件加上点击事件 @click=\\\"handleClick\\\"事件时,事件没有触发。 点开微信小程序生成后的源码,可以看到 @click的事件 变成bindClick 了。正确的点击事件应该是 bindtap ,如下图中view上面绑定事件。 这个时候可以修改组件上面的写法,

    2024年02月07日
    浏览(33)
  • 【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案

    在使用uniapp框架开发微信小程序时,使用到了uni-ui的uni-table组件。由于需要修改表头的背景色,于是乎在微信开发工具中使用调试工具审查元素获取其class名: 尝试直接在页面中修改样式: 结果无效。于是尝试使用深度选择器 依然无效。然后查询微信平台官方开发文档得知

    2024年02月02日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包