vue cross-window communication example of new window calling parent window method example

As we all know, in Vue, tools such as Bus can only communicate across components. How to achieve cross-window communication?

The scenario is as follows. We have opened a new window B in window A. Want to call the method of window A in window B?

Here is a summary of some methods of window events:

()  This way, after closing window B, the entire window A will be refreshed, and the experience effect is not very good

                  Triggered after closing the window

Get the window element of the parent page

Note:

In fact, it is the parent form of the form opened through ()

.Methods in the parent page ();//Calling methods in the parent page

()                               Refresh the page

()

Execute event before closing the window

Window A:

mounted() {
   // Note: getBpageList is provided to new window B to trigger, but actually triggered is A's getApageList method    window["getBpageList"] = (params) => {
      (params);
    };
methods: {
    async getApageLists(){
     
        let res = await getPageList()
        ......
    },

    //Click to open a new window B    detailsView(data) {
      (`....../${}`);
    },
 
}

window b call window A method

Note：There are many specific scenarios，For example, put in a click event，Or wait before closing the window
       methods:{
			emitAwindow(){
             // Get the window element of the parent page                //Discribing whether window A is a method to determine whether it is a getBpageList and is it a                if ( && ) {
                    (params);
                } else {
                    //[0] The obtained window object                    [0].getBpageList(params);
                }
              }
             }

Summarize

This is the article about vue cross-window communication calling the parent window. This is all about this. For more related contents of vue new window calling the parent window, please search for my previous article or continue browsing the related articles below. I hope everyone will support me in the future!