uni-app——uniapp 中 uni.$emit 和 uni.$on 的使用

最新推荐文章于 2024-04-22 18:32:54 发布

dbt@L

最新推荐文章于 2024-04-22 18:32:54 发布

阅读量515

点赞数 7

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_43201350/article/details/135565093

版权

uni-app 专栏收录该内容

74 篇文章 2 订阅

订阅专栏

传参 demo.vue

<template>
  <view @click="do">测试文本 </view>
</template>

<script>
export default {
  methods: {
    do() {
      let info = {
        name: "nick",
        age: 18,
      };
      uni.$emit("dosomething", info);
    }
  }

};
</script>

demo1.vue 使用

<script>
  export default {
    props: {},
    methods: {
      get() {
        let info = {
          name: "nick",
          age: 18,
        };
        uni.$on("dosomething", (e) => {
          console.log("传参：", e);
        });
      },
    },
    onunload() {
      // 卸载
      uni.off("dosomething");
    },
  };
</script>