鍍金池/ 問答/HTML5  HTML/ vue怎么判斷當(dāng)前用戶能否看到這個按鈕?

vue怎么判斷當(dāng)前用戶能否看到這個按鈕?

我現(xiàn)在要做這么一個功能

clipboard.png

每次登陸后后端會返回當(dāng)前用戶的權(quán)限給我:

"permissions": [
    "account:update",
    "account:list",
    "account:findById",
    "adveradvertiser:add"
],

我會把這些數(shù)據(jù)存到localStore里,這個“創(chuàng)建廣告主”按鈕我會根據(jù)后端給我的數(shù)據(jù)是否含有"adveradvertiser:add",如果有就顯示,沒有就隱藏。

首先我想到的是v-if ,但是這里我不知道怎么去循環(huán)判斷permissions數(shù)組是否含有adveradvertiser:add

<button class="btnYellow" v-if="">創(chuàng)建廣告主</button>
回答
編輯回答
膽怯

js

data() {
      return {
          permissions: [
                "account:update",
                "account:list",
                "account:findById",
                "adveradvertiser:add"
            ],
      }
}

html

 v-if="permissions.some(p=>p==='adveradvertiser:add')"
2017年11月29日 05:54
編輯回答
嫑吢丕

不用把權(quán)限存到緩存中,你放在data中就行
js

data() {
      return {
          permissions: [
                "account:update",
                "account:list",
                "account:findById",
                "adveradvertiser:add"
            ],
      }
}

html

v-if="permissions.indexOf('adveradvertiser:add') > 0?true:false "
2017年7月5日 19:07
編輯回答
來守候

寫個方法判斷一下數(shù)組中是否含有 adveradvertiser:add 這個字符串。

2017年1月17日 07:26