在vue js中，如何在页面加载后立即从localstorage中获取项目？

gupuwyp2 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(94)

这是我的仓库：x1c 0d1x我得到值为"true"的selectedResultIsLCC
这是我的剧本：

computed: {
  isLCC() {
    return localStorage.getItem("selectedResultIsLCC") === "true";
  },
},

字符串
这是我的模板：

<div>
    <div
      v-if="isLCC"
      @click="sendTicketRequest"
    >
        Book Now (LCC)
    </div>
    <div
      v-else
      @click="sendBookRequest"
      >
        Book Now (Non-LCC)
      </div>
   </div>
</div>

型
我必须硬刷新之前，我看到v-if在模板返回真在我的存储。
请问我该如何去做这件事，我如何才能得到我的存储项目立即页面加载。

vue.js

来源：https://stackoverflow.com/questions/76707782/how-do-i-get-item-from-localstorage-immediately-after-page-loads-in-vue-js

1条答案

按热度按时间

blmhpbnm1#

使用created或mounted生命周期，最好将变量存储在vue数据中：

<script>
    export default {
        data() {
            return {
                isLCC: false
            };
        },
        created() {
            this.isLCC = localStorage.getItem("selectedResultIsLCC") === "true";
        },
    };
</script>

字符串

赞(0）回复(0）举报 2023-08-07

我来回答

在vue js中，如何在页面加载后立即从localstorage中获取项目？

1条答案

相关问题

热门标签

最新问答