【问题标题】:How to retrieve element from the local storage in Vuejs?如何从 Vuejs 的本地存储中检索元素?
【发布时间】:2021-04-14 11:34:36
【问题描述】:

图片网址https://i.stack.imgur.com/eFSwR.png

 searchingBtn() {

        if ( this.searchHistory.indexOf(this.search) === -1 && this.search.trim().length>0) {
          this.searchHistory.push(this.search);
        }
        this.search = '';

        const baseURI = 'some url........';   
        
         localStorage.setItem('loggedinUser', response.data.access_token);
    localStorage.getItem('loggedinUser');
    localStorage.setItem('anonymous_id', response.data);
    var searchItem =  localStorage.getItem('anonymous_id');


        const headers = new Headers({
          
          'Content-Type': 'application/json',
          'access_token' : searchItem,
          
        });

        var data={
          'keyword': this.SearchText.value,
         
        }

     
        axios.post(baseURI, data)
        .then((response) => {
          this.users = response;
        }, (error) => {
          if (error) {
            this.errorMessage = error.response.data.message;
          }
        }).catch(error => {
          //this.errorMessage = error.response.data;
        })
    },
 <button
        type="submit"
        value="Seaar"
        v-on:click="searchingBtn"
      >
        <i class="fa fa-search"></i>
      </button>

这是我的 axios post 方法,它允许添加最近搜索的产品 仅注册(登录)用户到最近的搜索列表。

但是上面代码的问题是,我什至没有从控制台得到任何网络响应。甚至尝试检查邮递员的收藏,也成功了。

然后我才知道这个问题,这是因为,我需要从下面获取本地存储项目(我在其中附加了屏幕截图。)并从本地存储->会话->令牌信息->范围。在范围内我需要获取匿名 ID。

和来自 localstorage->loggedinuser 的 access_token。 attaching image here 不知道我的代码是否正确..你能帮我解决这个问题吗?

【问题讨论】:

    标签: javascript vue.js axios


    【解决方案1】:

    更新

    这不再相关,因为 OP 改变了问题...


    localStorage.getItem() 只接受 1 个参数。

    localStorage.setItem() 有 2 个参数。

    【讨论】:

    • 感谢您的回答。但我需要从 localStorage 中获取项目。所以如果我只传递一个参数,我该怎么做。从代码中调用的方式是正确的......就像来自本地存储的response.data......
    • 附上图片以供参考,以确保我在获取值时写错了。 i.stack.imgur.com/eFSwR.png
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-02-14
    • 1970-01-01
    • 2016-10-29
    • 2018-11-04
    • 1970-01-01
    • 2019-08-16
    • 2023-03-29
    相关资源
    最近更新 更多