文章列表

vue在ios返回上一路由白屏

vue在ios返回上一路由白屏

有时候当你加载第二页或者下拉到更高的高度的时候会出现白屏,这跟vue框架也有关系,第一次用点击路由切换我们就会遇到第一页滑到800高度,路由跳转会在同样的高度,而不是顶部0的位置只能给一个window.scrollTo(0, 1) window.scrollTo(0, 0)

2019年08月06日
3636 0 0 0
追梦猪追梦猪
vue
vue组件里定时器销毁问题

vue组件里定时器销毁问题

vue组件里定时器销毁问题,我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。

2019年08月06日
4635 0 0 0
追梦猪追梦猪
vue
Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化

2019年08月06日
2783 0 0 0
追梦猪追梦猪
vue
uniapp打包提示DCloud APPID非当前账号所有

uniapp打包提示DCloud APPID非当前账号所有

在hbuilderX启动拷贝下来的项目的时候uniapp云端打包提示:“DCloud APPID非当前账号所有,请联系应用所有者设置此账号为协作者,或重新生成APPID后打包”

2019年08月06日
6893 0 0 0
追梦猪追梦猪
uniapp
vue之 vue-baidu-map 百度地图定位不准确有偏差的解决方法

vue之 vue-baidu-map 百度地图定位不准确有偏差的解决方法

vue环境下使用百度地图定位发现,地图定位不准确,有偏差,带红叉的是我们赋值的没有转换坐标的定位,对号是我们转换了坐标以后的定位,相对来说转换的坐标是符合我们的定位要求的,为什么会出现这样的差别呢,那先来看看坐标的种类:目前国内主要有以下三种坐标系:

2019年05月31日
5613 0 0 0
追梦猪追梦猪
vue
vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题

vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题

安卓电脑上都没有问题苹果7却出现了进去以后获取不到的问题,经过查找发现getCurrentPosition的问题,我们去试这打印这个函数发现苹果7下的getCurrentPosition无法获取

2019年05月27日
3811 0 0 0
追梦猪追梦猪
vue
webpack + vue之抽离style样式css方法

webpack + vue之抽离style样式css方法

大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less,否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式,zmz在测试了很多得出以下不是结论的结论,由于第一次玩没有别人指点走了不少弯路,现在总结如下,抽离普通css样式,(适合style默认lang)

2019年05月21日
3477 0 0 0
追梦猪追梦猪
vue
vue eslint开发严格模式警告错误解决方法

vue eslint开发严格模式警告错误解决方法

首先缩进不能用tab要用空格这个比较恶心,因为习惯了tab缩进的习惯用空格去缩进就比较别扭了,意外的制表符(Unexpected tab character),在“{”之前找到的多个空格(Multiple spaces found before '{'),混合空格和制表符(Mixed spaces and tabs),预期缩进6个空格,但找到6个制表符(Expected indentation of 6 spaces but found 6 tabs),“返回”后的预期空间(Expected space(s) after "return")

2019年05月20日
5134 0 0 0
追梦猪追梦猪
vue
vuex的搭建与初始化

vuex的搭建与初始化

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2019年05月16日
1848 0 0 0
追梦猪追梦猪
vue
vue移动端下拉刷新组件、上拉加载组件

vue移动端下拉刷新组件、上拉加载组件

原生编写vue移动端下拉刷新组件、上拉加载组件,满足移动端的刷新加载,但是还是有点小瑕疵,仅供参考

2019年05月16日
2785 0 0 0
追梦猪追梦猪
vue
vue2.0项目CSS3动画打包后动画失效解决

vue2.0项目CSS3动画打包后动画失效解决

在vue2.0项目里我们发现外部引入的组件css3动画失效,但是在浏览器当中没有问题,一打包css3动画就失效,我们在打完包以后发现浏览器对动画特效没有出现兼容的状态,因此我们想到css3动画在框架下没有生效,最后找到是脚手架package.json没有加兼容处理

2019年05月16日
2138 0 0 0
追梦猪追梦猪
vue
Vue 弹出层时 禁止页面滑动

Vue 弹出层时 禁止页面滑动

在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条,所以我们在显示弹窗的时候隐藏掉滚动条,但是pc端可以完美的用overflow:hidden,可是移动端呢,安卓可以实现这样的效果,但是到了苹果手机上overflow:hidden行内可能不兼容造成无法隐藏滚动条,不建议在行内使用overflow:hidden,我用了类名样式去实现这样的隐藏

2019年05月16日
1948 0 0 0
追梦猪追梦猪
vue
vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.

vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.

该报错从文本意思理解还是很清晰的,不要在mutation函数外修改vuex中存储的值。通常情况下,vuex挂载到vue上之后,vuex中的值可以在组件中修改

2019年05月15日
2959 0 0 0
追梦猪追梦猪
vue
vue项目 | Javascript窗口对象退出清除localstorage

vue项目 | Javascript窗口对象退出清除localstorage

最近在做vue-h5项目的时候测试当中有这么个需求:要在微信当中没有执行退出操作的时候,直接关闭窗口,进行退出登录操作要清除用户的信息,经过测试记录使用如下:

2019年01月17日
5752 0 0 0
追梦猪追梦猪
vue
vue报错信息(一)之 fns.apply is not a function

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月28日
8626 0 0 0
追梦猪追梦猪
vue
用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

2019年08月22日
3774 0 0 0
追梦猪追梦猪
vue
uniapp picker 多列数据不更新问题

uniapp picker 多列数据不更新问题

Uni-app 官方实例里的 多列选择器picker 在设置数据的时候我们是动态改变的发现,this.value[0] = [数组内容],发现picker里的内容没有改变,很是苦恼,这样难道不对吗,然后追梦猪找到官方文档,如下

2019年08月20日
6249 0 0 0
追梦猪追梦猪
uniapp
vue报错信息(三)之  Cannot use v-for on stateful component root element because it renders multiple element

vue报错信息(三)之 Cannot use v-for on stateful component root element because it renders multiple element

翻译:无法对有状态组件根元素使用v-for,因为它呈现多个元素。看完翻译我们要确定几个关键词(见翻译红字),我们如果直接在template标签下直接使用v-for会出现当前错误

2019年09月30日
1977 0 0 0
追梦猪追梦猪
vue
uniapp真机安卓返回上一页修改参数问题

uniapp真机安卓返回上一页修改参数问题

在uniapp一套代码编到7个平台的页面h5中我们的返回上一层要和微信app中返回是共用的getCurrentPages方法获取上页的数据然后通过getCurrentPages找到上一页的参数进行修改的,h5网页测试的时候完好

2019年08月14日
2299 0 0 0
追梦猪追梦猪
uniapp
vue项目优化之按需加载组件-使用webpack require.ensure与import

vue项目优化之按需加载组件-使用webpack require.ensure与import

当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。

2019年08月10日
1733 0 0 0
追梦猪追梦猪
vue
Vue2.0+组件库总结

Vue2.0+组件库总结

追梦猪爬坑记录教程总结,供相关行业伙伴使用

2018年12月28日
2980 0 0 0
追梦猪追梦猪
vue
vue前端框架面试问题汇总,附答案

vue前端框架面试问题汇总,附答案

vue前端框架面试问题汇总,附答案

2018年12月01日
1932 0 0 0
追梦猪追梦猪
vue
 基于vue2.0的分页组件开发

基于vue2.0的分页组件开发

要从父组件传哪些必要的参数,即子组件需要提供什么接口组件需要去实现哪些功能我们要返回哪些参数给用户

2018年11月15日
1758 0 0 0
追梦猪追梦猪
vue
vue-swiper的使用

vue-swiper的使用

vue引入swiper插件来完成我们所需要的轮播滑效果

2018年11月15日
2284 0 0 0
追梦猪追梦猪
vue
使用vue多组图片上传

使用vue多组图片上传

本文使用原生的上传有局限性,ios手机能同时选择多张图片,而安卓手机只能一张一张上传,不能一次性选择多张。所以建议调用 微信JS SDK。

2018年11月15日
2337 0 0 0
追梦猪追梦猪
vue
Vue.js钩子函数的使用技巧和生命周期详解

Vue.js钩子函数的使用技巧和生命周期详解

Vue.js中提供了许多函数,有一些函数非常有用,它将组件创建到完成渲染这段时间进行了无限放大,其实在这段时间内我们可以做好多工作,这在其他框架下是没有的,非常实用

2018年11月15日
2576 0 0 0
追梦猪追梦猪
vue
vue.js2.0父组件点击触发子组件方法

vue.js2.0父组件点击触发子组件方法

子组件通过$emit触发父组件的事件,$emit后面的参数是向父组件传参,注意,父组件的事件处理函数直接写函数名即可,不要加(),参数直接传递到了父组件的methods的事件处理函数了

2018年11月15日
6033 0 0 0
追梦猪追梦猪
vue
vue实现单选和多选功能

vue实现单选和多选功能

利用vue实现checkbox的多选,radio的单选

2018年11月15日
2292 0 0 0
追梦猪追梦猪
vue
vue单页面网站seo优化

vue单页面网站seo优化

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其带来的完美的用户体验,极强的开发效率的同时,也似乎不可避免的要去处理 SEO 的需求。 本文主要针对 vue 2.0 单页面 Meta SEO 优化展开介绍:

2018年09月13日
2312 0 0 0
追梦猪追梦猪
vue
vue中wow.js的使用

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月12日
7647 0 0 0
追梦猪追梦猪
vue
vue生命周期

vue生命周期

beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy !!!

2018年09月03日
2704 0 0 0
追梦猪追梦猪
vue

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月28日
8626 0 0 0
追梦猪追梦猪
vue

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019年01月19日
7953 0 0 0
追梦猪追梦猪
php

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月12日
7647 0 0 0
追梦猪追梦猪
vue

微信小程序之事件bindtap和catchtap

我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

2018年09月11日
7467 0 0 0
追梦猪追梦猪
微信小程序

vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,

2019年09月30日
7053 0 0 0
追梦猪追梦猪
vue