vue keep-alive 무효 및 전진 후퇴 데이터 리셋 및 캐시 보존

901 단어 elementUIvue
프로젝트 Vue router가 여러 층을 연속으로 끼워 넣었기 때문에 우선keep-alive의include와including 속성이 올바르게 적용되었는지 확인하십시오
include는 캐시입니다. including은 캐시가 반대입니다.
프로젝트에keep-alive가 여러 겹 끼워져 있습니다. 그 페이지는 캐시가 필요합니다. 현재 페이지의 부모급이 가장 가까운router 밖에keep-alive를 넣어야 합니다. APP가 아니라keep-alive를 넣어야 합니다.최외층
항목에 페이지 내용이 많고 자세히 보기 페이지가 많기 때문에 눌러서 자세히 보기 페이지를 보면 현재 페이지로 돌아가는 캐시를 보존해야 합니다
나의 방안은 아래와 같다
//     router   $store.state.keepAlive  vuex        
//      
 click(str){

       //         name 
       store.state.keepAlive=[this.$options.name]; 
       
       setTimeout(()=>{
            this.$router.push('')
       },0)
      
         
         
    },

마지막으로 자신의 필요에 따라 지정한 장면에서store를 지웁니다.state.keepAlive 

좋은 웹페이지 즐겨찾기