切换字体不能及时刷新，要点击刷新才部分转换 bug修复

原创

已于 2022-10-10 14:02:16 修改 · 476 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bug #前端 #vue.js

于 2022-07-26 14:26:25 首次发布

在Vue.js应用中遇到一个问题，当切换语言时，页面内容无法实时刷新，必须手动刷新才能部分更新。问题根源在于数据来源于sessionStorage。解决方案是通过props将detail_List参数传递到子组件，从而解决Vue的实时响应问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

vue不能实时响应，切换语言时不能及时刷新，要点击刷新才部分转换

查看代码：

Attractions_details.vue

<div class="nav_details">
    <MovieDetails id="div0" />
    <Spot id="div1" />
    <Comment id="div2" />
    <Traffic id="div3" />
    <Hint id="div4" />
    <NearHotel :spots_list="spots_List" id="div5" />
</div>

methods: {
    async get_details(id) {
      let data = await spots_detail({ id });
      console.log(data);
      this.detail_List = data.data.detail;
      this.spots_List = data.data.spots;
      sessionStorage.setItem("details", JSON.stringify(data.data.detail));
      // sessionStorage.setItem("spots", JSON.stringify(data.data.spots));
      this.notice_List = data.data.notice[0];
      console.log(this.notice_List);
      this.firstImg = data.data.detail.i