美文网首页
小程序内组件通讯方式

小程序内组件通讯方式

作者: 沉默紀哖呮肯伱酔 | 来源:发表于2021-04-16 14:24 被阅读0次
  • 父子组件通信
<!-- 父组件内 -->
<v-popup show="{{popShow}}" popData="{{popData}}" bind:close="onClosePop"/>

<!-- 子组件内 -->
omponent({
    properties: {
        show: {
            type: Boolean,
            value: false,
        },
        popData: {
            type: Object,
            value: {},
        }
    },
    data: {},
    observers: {
        /**
         * 监听变量的变化做相应的逻辑处理
         */
        show: function (show) {

        },
    },
    methods: {
        onClose() {
        /**
         * 子组件内调用父组件的钩子函数
         */
            this.triggerEvent("close");
        },
        toDetail() {
        /**
         * 子组件内使用父组件的传参
         */
            console.log('params popData', this.properties.popData)
            console.log('params show', this.properties.show)
        },
    },
});

相关文章

  • 小程序内组件通讯方式

    父子组件通信

  • 小程序坑点。。持续更新

    这里持续记录更新在开发小程序期间值得记录的要点 组件内注意点 在组件内使用小程序方法注意第二参数 组件内直接修改样...

  • 消息推送

    微信小程序消息推送 获取formId的方式 页面 组件 微信支付成功 推送规则 当用户在小程序内发生过提交表单行为...

  • 小程序即时通讯

    小程序即时通讯——文本、语音输入控件(一)集成 小程序即时通讯——文本、语音输入控件(一)集成聊天输入组件控件样式...

  • 小程序客服模块

    客服功能: 会话入口: 小程序内:开发者在小程序内添加客服消息按钮组件,用户可以在小陈需内唤起客服会话页面,给小程...

  • vue组件如何通信?有几种方式?

    在vue中组件通讯可以分为父子组件通讯和非父子组件通信。父组件通过props的方式向子组件传递数据,而子组件可以通...

  • react 组件通讯的三种方式

    一、父子组件传值 注意:函数组件和类组件是不同的接收方式的 二、子传父通讯 三、兄弟组件通讯

  • react的组件通信

    父子组件通讯 通讯手段这是最常见的通信方式,父组件只需要将子组件需要的props传给子组件,子组件直接通过this...

  • 微信小程序 official-account 关注微信公众号组件

    official-account组件说明: 用户扫码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快...

  • 小程序

    1. 小程序的运行机制?它是怎么和微信交互的? 小程序是 WebView + 原生组件的Hybrid 方式,小程序...

网友评论

      本文标题:小程序内组件通讯方式

      本文链接:https://www.haomeiwen.com/subject/gndelltx.html