After vue jumps back to the previous route, the data is partially refreshed.

vue-router route jumps back to the original page, and the original page is partially refreshed?

after the company name is selected, click the change in table, and the page will jump to another page. After the modification is completed and saved, it will jump back to the original page again, that is, the page displayed. The user does not operate any more. How to realize that the input in the company is still selected and the data is refreshed?

Element-ui vue.js
Mar.03,2021

where did you get your list data first? Why don't you just get the data and assign it to data when you enter the page?
or can't you use the routing parameters to bring it back and re-assign it when the modification is successfully redirected?

< keep-alive > is a built-in component of Vue that keeps the state in memory during component switching to prevent repeated rendering of DOM.
https://blog.csdn.net/leileib.

    beforeRouteLeave: function(to, from , next){
            var self = this;
            var oldData=JSON.stringify(self.tableDataBackup);
            var newData=JSON.stringify(self.tableData);
            if(newData!=oldData){
            // next(false)
            this.$confirm(', ?', '', {
                confirmButtonText: '',
                cancelButtonText: '',
                type: 'warning'
            }).then(() => {
                // 
                // next();
                self.save();
                next(false);
            }).catch(() => {
                    next();
                });
            }
            else{
                next()
            }
        },

this is an example where you back up the data, compare the data, and select the actions to be performed after execution, such as selecting input

if you want to.

Previous: There's something wrong with the HOC that wrote a React.

Next: Is `shutdown-hr` usually used for restart in Linux?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu