vue.js v-if里判断的问题

Question

我想做个删除按钮，登录页面设置了
window.sessionStorage.setItem('userId', JSON.stringify(loginMsg.id))
存取了用户的id，然后我想只有id1的用户才能看到这个删除按钮！
就得加个v-if在button那里
我的想法是button里面弄个v-if 判断getItem里的数据是否为1
为1就显示，不为一就不显示
该怎么做呢。。。。新手不会做啊
求各位大佬帮助### 问题描述

问题出现的环境背景及自己尝试过哪些方法

我试过直接在v-if里window.sessionStorage.getItem('userId')！=1
这样是不行的

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
登录页面存取了用户id window.sessionStorage.setItem('userId', JSON.stringify(loginMsg.id))

当前页面获取window.sessionStorage.getItem('userId')
这句话该放哪里，把数据取出来

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

https://blog.csdn.net/lhc1105... VUE前端按钮权限控制

Answer 2

在data里面设置变量userId等于sessionStorage.getItem('userId')，
然后去v-if='userId==1'
data(){

return {
    userId: sessionStorage.getItem('userId')
}

}

<button v-if='userId == 1'></button>

Answer 3

应该是window.sessionStorage.getItem('userId') !== 1吧
也可以将获取sessionStorage放在mounted里
data(){
    retrun {
    root:""
    }
   },
mounted(){
    if (window.sessionStorage.getItem('userId') == 1){
        this.root = true;
    } else {
        this.root = false;
    }
}
<button v-if='root' >按钮</button>