鍍金池/ 問答/HTML/ vue跳回之前路由后，數(shù)據(jù)局部刷新

vue跳回之前路由后，數(shù)據(jù)局部刷新

vue-router路由跳轉(zhuǎn)回原來的頁面，原來的頁面局部刷新?

當(dāng)選中公司名字之后 ，點(diǎn)擊table里面的修改 ，頁面會(huì)跳轉(zhuǎn)到另外一個(gè)頁面，修改完成保存后，又再次跳回原頁面，即展示的這個(gè)頁面，用戶不操作了，怎么實(shí)現(xiàn)公司 里面的input 任然是選中狀態(tài)，并且數(shù)據(jù)刷新 ？？？
圖片描述

回答
編輯回答
苦妄

<keep-alive>是Vue的內(nèi)置組件，能在組件切換過程中將狀態(tài)保留在內(nèi)存中，防止重復(fù)渲染DOM。
https://blog.csdn.net/leileib...

2018年1月4日 09:17
編輯回答
話寡

首先你的列表數(shù)據(jù)是在哪里獲取的？你在進(jìn)入頁面的時(shí)候再獲取一下數(shù)據(jù)賦值給 data 不就好了嗎？
或者修改成功跳轉(zhuǎn)回來的時(shí)候通過路由參數(shù)帶過來再重新賦值一下不行嗎？

2017年7月16日 21:06
編輯回答
墨染殤
    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()
            }
        },

這是一個(gè)例子，你把數(shù)據(jù)備份，對(duì)比數(shù)據(jù)，在執(zhí)行后選擇要執(zhí)行的操作，比如你要的選中input

2018年7月23日 08:22