鍍金池/ 問答/HTML/ vue2.0使用mint-ui tabbar刷新后selected

vue2.0使用mint-ui tabbar刷新后selected

mint-ui的tabbar組件
tab切換通過router.push('')進(jìn)行路由
但是刷新以后，tab選項(xiàng)的is-selected狀態(tài)就會(huì)回到第一項(xiàng)
我要如何保存當(dāng)前的選項(xiàng)。
<template>
  <div id="app">
      <mt-tabbar v-model="selected">
        <mt-tab-item id="home">
          <img slot="icon" src="">
          外賣
        </mt-tab-item>
        <mt-tab-item id="order">
          <img slot="icon" src="">
          訂單
        </mt-tab-item>
        <mt-tab-item id="find">
          <img slot="icon" src="">
          發(fā)現(xiàn)
        </mt-tab-item>
        <mt-tab-item id="person">
          <img slot="icon" src="">
          我的
        </mt-tab-item>
      </mt-tabbar>
      <router-view></router-view>
  </div>
</template>
export default {
  name: 'App',
  router,
  data(){
      return { selected: 'home'}
  },
  watch: {
      selected: function (val) {
          router.push(val)
      }
  }
}
回答
編輯回答
爆扎
昨晚找到的解決方案如下，
還有另外一種是根據(jù)url判斷，因?yàn)樗⑿虏粫?huì)改變路由（這個(gè)方法沒試過）
watch: {
      selected: function (val, oldVal) {
          router.push(val)
           window.localStorage.setItem('navTabIndex',val);
      }
  },
  created: function(){
          let localData = window.localStorage.getItem('navTabIndex')
          this.selected = localData
    }
  }
2017年5月10日 08:12
編輯回答
妖妖

存到localStorage里

2018年5月12日 18:23
編輯回答
孤星

我也碰見這個(gè)問題了，直接放棄這個(gè)組件了，自己寫了個(gè)

2017年11月22日 04:41