2019-05-13到17的一些问题

最新推荐文章于 2023-11-27 19:23:00 发布

PritterLau

最新推荐文章于 2023-11-27 19:23:00 发布

阅读量452

点赞数

分类专栏： vue 文章标签： vue app

本文链接：https://blog.csdn.net/sinat_38020023/article/details/90289004

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这周主要在做手机端app，用hbuilder+vue做的，框架是同事搭好的，我参照着加一个页面。。。

1、首先是怎么做缓存，之前同事也没做过，然后第一次做，我看了好几篇文章，照着做了一大堆，加了什么isFlag啊，isFirstIn之类的，并没有什么卵用

简书 vue-router 之 keep-alive

vue中使用keepAlive组件缓存遇到的坑

另辟蹊径：vue单页面，多路由，前进刷新，后退不刷新

简书记一次vue 的keep-alive踩坑之路

而同事大佬也在看文章，最后在App.vue里简简单单一句话，然后在具体页面的activated()方法里写好是否调用清除缓存的逻辑，就搞定了，业务其实也很简单，就是从主页面a进来缓存页面b，页面b重新加载，从页面b里点击的加载更多进入c界面，c再返回b的时候，b调用缓存。

<template>
  <div id="app">
    <transition :name="transitionName">
        <keep-alive key="keep-alive" include="xxx">
    	    <router-view class="child-view" key="wrapper"></router-view>
	</keep-alive>
    </transition>
  </div>
</template>

2、经常报<transition-group>children must be keyed:<keep-alive>

之前用的是<transition-group>标签，老报这个错，注释掉又好了，最后改成上面的transition

3、用了this.$destroy()后无法缓存

本来我是做的差不多了，就差一个清除缓存，然后想用这个方法，结果不行，destroy了然后重新进入页面后该页面无法再被缓存，后来同事大佬指点，所谓的清除缓存，只需要把data的return里面有缓存到的数据全部初始化就好了。。。emmmmmmm

4、expected an assignment or function call and instead saw an expression

因为同事大佬写了一句_this.page === 1

给了吾辈小渣渣一个群嘲大佬的理由~~~