zoukankan      html  css  js  c++  java
  • vue 组件之间的自定义方法互相调用

    1,先定义一个中间通信文件js globalBus.js

    import Vue from 'vue';
    export const globalBus = new Vue();

    2,A.vue组件的方法需要去调用B.vue组件的方法。

    首先在b组件去声明方法,,loginTo为方法名 number为接受的参数

    import { globalBus } from "../../components/globalBus.js";
    mounted() {
    globalBus.$on("loginTo", (number) => {
        console.log('调用了这个'+number)
    });
    },

    3,然后再A组件用方法调用 ,loginTo是调用的方法,后面11是传的值

    import { globalBus } from "../../components/globalBus.js";
    methods: {
    gototoUserLogin(){
    globalBus.$emit("loginTo",111);
    },
    }
    如果真的不知道将来要做什么,索性就先做好眼前的事情。只要今天比昨天过得好,就是进步。长此以往,时间自然会还你一个意想不到的未来。
    生活像一个杯子。一开始,里面是空的,之后,要看你怎么对待它。如果你只往不如意的方面想,那么你最终辉得到一杯苦水。如果你往好的方面想,那么你最终会得到一杯清泉。
    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
  • 相关阅读:
    AutoCAD.NET 二次开发(一) 自定义菜单及自动加载
    WSS 3.0部署备忘 一
    WSS 3.0部署备忘 四
    WSS 3.0部署备忘 三
    WSS 3.0部署备忘 二
    loj_1042
    loj_1045
    vim的学习笔记(3)
    Linux的磁盘与文件管理系统(1)
    文件与文件系统的压缩与打包
  • 原文地址:https://www.cnblogs.com/lipengze/p/14690164.html
Copyright © 2011-2022 走看看