mpvue-quickstart icon indicating copy to clipboard operation
mpvue-quickstart copied to clipboard

组件(页面数据记忆)

Open HUYIJUNCODING opened this issue 6 years ago • 3 comments

在官方mpvue,和分包配置方式更新前(page.js被替换成app.json之前),不存在这样的问题,然后更新后存在.

  • 我用图描述下现象 image

image


image ###下面是测试代码片段

  • 貌似大小超了,图放下个

备注

logs是分包页面,也就是从首页通过this.$router.push方式进入的

HUYIJUNCODING avatar Aug 05 '19 05:08 HUYIJUNCODING

1 2 3

HUYIJUNCODING avatar Aug 05 '19 05:08 HUYIJUNCODING

@HUYIJUNCODING 哈哈哈,, 小程序组件不会被真的销毁, 推荐这样做:

<template>
  <div>
      <input type="text" v-model="val" >
  </div>
</template>

<script>
  // 把 data 放在这里
  const defaultData = {
    val: '',
  }

  export default {
    mpType: 'page',

    data () {

      // 这样扔进来
      return {...defaultData}
    },

    onLoad () {
        
    },

    onUnload() {
      // 离开页面时这样手动销(chong)毁(zhi)掉数据
      Object.assign(this.$data, { ...defaultData })
    }
  }
</script>

shrekuu avatar Aug 23 '19 09:08 shrekuu

啊,这样啊,感觉有点不太优雅,不过之前的版本确信是ok的

HUYIJUNCODING avatar Oct 02 '19 09:10 HUYIJUNCODING