zoukankan      html  css  js  c++  java
  • mpvue 退出页面再次进入数据未初始化(同一路由切换时,上一次的页面数据会保留)

    今天在做类商品详情页时碰到一个问题:

    A(首页) -> B(商品详情页)

    B 页面有个 swiper,需要一个展示的是第几张的数值

    在 B.vue data 中初始化

    methods 中需要根据商品数据进行赋值

    问题来了:在进入 B 页面后,滑动展示参数变为 3

     

    之后退回到 A 页面,在随便选个商品进入

    但是这一页的第三张是这张:

    发现值还是滑动过后的值,未在进入页面进行初始化,保留了上次进入页面的数据

    解决方法:

     在进入子页面时获取数据的生命周期中手动重置数据

    Object.assign(this.$data, this.$options.data())

    此情况出现的原因可能是 mpvue 的混合周期留下的问题:

    https://www.cnblogs.com/imgss/p/9164924.html

    有一个类似的问题在 github mpvue issues 中(可关注):

    https://github.com/Meituan-Dianping/mpvue/issues/140

  • 相关阅读:
    float对内联元素和块元素的影响
    行内元素的困扰
    Nodejs同步和异步编程
    let、const、var的区别
    作用域
    SpringMVC
    MVC2新闻编译与发布
    JSP显示新闻
    servlet应用
    SWPU邮件登录界面的仿写(第二次作业)
  • 原文地址:https://www.cnblogs.com/DoubleLoong/p/9562435.html
Copyright © 2011-2022 走看看