在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ VUE自定義命令F5刷新以后Failed to resolve directiv

VUE自定義命令F5刷新以后Failed to resolve directive

VUE自定義命令F5刷新以后會(huì)報(bào)Failed to resolve directive:auth,
我要實(shí)現(xiàn)的功能是登陸以后獲取權(quán)限,然后再通過自定義命令控制按鈕是否顯示,代碼如下:

 store.commit(types.RIGHT,  res.body.myRight)
            console.log(store.state.rights)
            Vue.directive('auth',{
                bind:function (el,binding) {
                  var isExist = false;
                  store.state.rights.forEach(function (item) {
                    if (item===binding.value) {
                      isExist =true
                    }
                  })
                  if (!isExist) {
                    el.parentNode.removeChild(el);
                  }
                },
              update:function (el,binding) {
                var isExist = false;
                store.state.rights.forEach(function (item) {
                  if (item===binding.value) {
                    isExist =true
                  }
                })
                if (!isExist) {
                  el.parentNode.removeChild(el);
                }
              }
              }

            )

這段代碼存在于登陸成功后。。。為什么每次用F5刷新頁面后就會(huì)出現(xiàn)這個(gè)問題,UPDATE是我加的,沒用,照樣刷新過后出現(xiàn)問題,求大神解答一下。。。

回答
編輯回答
兮顏

你刷新後整個(gè)vue就是重新初始化了,你的登錄狀態(tài)當(dāng)然不再存在啦,你可以配合後臺(tái)用session,或者vue用localStorage來存下你的登錄狀態(tài),每次初始化vue時(shí)先往session或localStorage裏找找登錄狀態(tài),有就自動(dòng)登錄

2018年4月12日 00:07