vue
文章平均质量分 74
weixin_42322441
开发记录小bug
展开
-
vue 缓存
router-view + keepalive(缓存需求适用场景使用 keep-alive进行缓存定义缓存页面以上代码B页面缓存一定存在,若不存在,可能keep-alive位置放错实现对缓存页面刷新了解vue缓存的生命周期实现指定页面不缓存vue自带缓存机制 keep-alive需求缓存页面 B页面A页面跳到 - B页面 === 刷新数据B页面跳到 - C页面 - 返回B页面 === 数据保留不刷新适用场景预览页 - 编辑页 - 确认页使用 keep-alive原创 2021-01-20 20:58:55 · 109 阅读 · 0 评论 -
vue常规使用总结
计算属性computed计算值 offerTotal 当里面使用的值发生变化时 offerTotal也会发生变化,页面视图也会发生变化 computed: { //不需要在data里注册 offerTotal: function() { let prices = 0; this.myproduct.lists.forEach(ele => { prices += Number(ele.demandPrice); });原创 2020-10-23 11:14:17 · 51 阅读 · 0 评论 -
h5+vue页面下滑查看更多 页面触底+页面滑动
h5页面触底,不足一屏触发滑动 超过一屏触发触底效果解决 页面大屏正好一屏,小屏超过一屏 页面下滑查看更多 的问题解决方法1 超过一屏监听滚动 触底触发 小于或等于一屏监听触摸 上滑触发 data() { return { startY: 0, endY: 0, Fullscreen: true }; },添加触摸事件 //给触摸区域添加触摸事件 <div @touchstart="touchstart()" @原创 2020-07-01 11:46:20 · 1679 阅读 · 0 评论 -
vue v-for 文件上传 + 普通文件上传
内容xml <input alt="推荐产品图片" type="file" class="upload" @change="addImg(index)" ref="file" multiple accept="image/png, image/jpeg,原创 2020-05-19 12:52:41 · 326 阅读 · 0 评论 -
vue报错
Unexpected end of JSON input while parsing near解决方法1.删掉package.lock.json2.清除cache npm cache clean --force原创 2020-05-16 23:43:12 · 93 阅读 · 0 评论 -
vuex学习
vuex基础版目录结构│ App.vue│ main.js│├─assets│ logo.png│├─components│ HelloWorld.vue│├─router│ index.js│└─store index.js初始化store下index.js中的内容import Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象原创 2020-05-16 23:08:16 · 43 阅读 · 0 评论