Fe-interview: [vue] 切换路由时,需要保存草稿的功能,怎么实现呢?

Created on 22 Jun 2019  ·  6Comments  ·  Source: haizlin/fe-interview

[vue] 切换路由时,需要保存草稿的功能,怎么实现呢?

vue

Most helpful comment

你这题目想说明的是,切换路由时自动或提示保存草稿功能吗?
如果是这样

beforeRouteLeave (to, from, next) {
  if(用户已经输入信息){
    //出现弹窗提醒保存草稿,或者自动后台为其保存

  }else{
    next(true);//用户离开
  }

}

All 6 comments

在beforeDestroy中加入check功能,
当检测到有草稿时, 自动保存到vuex或者storage中或者window中等等

但是我要说的是, 这种方法是不靠谱的, 如果我是刷新页面呢!
建议采用, 实施保存操作, 保存在storage中较为靠谱, 当然这种操作牺牲是比较多的

具体看业务场景

在beforeDestroy中加入check功能,
当检测到有草稿时, 自动保存到vuex或者storage中或者window中等等

但是我要说的是, 这种方法是不靠谱的, 如果我是刷新页面呢!
建议采用, 实施保存操作, 保存在storage中较为靠谱, 当然这种操作牺牲是比较多的

具体看业务场景

可以用beforeDestroy结合window.onbeforeunload解决性能问题

用keep-alive缓存那个路由

beforeRouteLeave

你这题目想说明的是,切换路由时自动或提示保存草稿功能吗?
如果是这样

beforeRouteLeave (to, from, next) {
  if(用户已经输入信息){
    //出现弹窗提醒保存草稿,或者自动后台为其保存

  }else{
    next(true);//用户离开
  }

}

面试如果要问这种问题,等于得背API

Was this page helpful?
0 / 5 - 0 ratings