vue
masterJP
这个作者很懒,什么都没留下…
展开
-
Vue兄弟组件间传值比较方便的一种
vue.js 兄弟组件间传值1、兄弟之间传递数据可以借助事件车,通过事件的方式传递数据2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。3、传递数据方,通过一个事件触发Bus.emit(方法名,传递的数据)。4、接收数据方,通过mounted()触发Bus.emit(方法名,传递的数据)。4、接收数据方,通过mounted(){}触发Bus.emit(方法名,传递的数据)。4、接收数据方,通过mounted()触发Bus.on(方法名,function(接收数据的参数){用该组件的数据接收传原创 2020-07-15 11:03:43 · 950 阅读 · 0 评论 -
Vue部署在Nginx上,不能F5刷新;Nginx伪静态,try_files和rewrite配置详解
Vue部署在Nginx上,不能F5刷新的问题配置示例(Windows版Nginx)server { listen 80; server_name 47.104.**.**; location / { root C:\flying_project\flyingProject\fcadmin-vue; #重点配置 ...原创 2019-10-27 21:33:22 · 10470 阅读 · 0 评论 -
Vue踩坑,感觉不到数组中元素的变化
https://blog.csdn.net/u012326462/article/details/82827943Vue里面的数组,如果采用arr[2]=“222”,这样vue是检测不到变化的,可以参考上面的文章,用数组的方法改变数组是可以感觉到变化的。1、应用数组变异方法,push,pop,shift,unshift,splice,sort,reverse来操作数组。2、用Vue中的方法V...原创 2019-10-27 20:10:03 · 840 阅读 · 0 评论 -
mpvue惨案-mpvue不支持复杂运算,也不支持v-if="对象.属性",v-if只能跟简单类型
惨案1、动态更换图片原计划:代码如下。因为这个template是json对象weekly的展示,这两个点击事件就是更新weekly对象中的指定字段的值,从而达到图片的切换。实际看到的效果就是,第一次触发两个点击事件中的一个,是会自动更换图片的,但是第二次再触发就不会更换图片了,方式是正常调用了的,值也是对的。<img v-if="weekly.has_love_count" c...原创 2019-09-11 23:04:07 · 1954 阅读 · 0 评论 -
从0开始配置vue环境
第一步、安装nodejs。 下载地址:http://nodejs.cn/download/ 我下的版本是:Windows 二进制文件 (.zip) 直接解压就可以用,但是得配环境变量,不然就只能在解压后的文件夹中执行命令第二步、在安装目录打开cmd窗口,执行如下命令:1、安装淘宝镜像(类似于阿里云的maven中央仓库镜像)安装时间有点长安装命令:npm install -g ...原创 2019-08-01 20:51:37 · 245 阅读 · 0 评论 -
IE出现 "Promise" 未定义,IE低版本不支持axios异步请求
IE错误现象:原因:IE低版本不支持axios异步请求解决:先去项目里下载es6-promisenpm install es6-promise然后去使用到的页面(没有强制要求,我测试的父组件,兄弟组件都行)导入import promise from 'es6-promise';promise.polyfill();然后,就可以支持IE了...原创 2019-07-26 16:57:59 · 556 阅读 · 0 评论 -
IE下报 webpack `Invalid Host/Origin header` 的问题
本次产生原因:IE某些版本不支持axios //为解决IE 不支持axios import Promise from 'es6-promise'; Promise.polyfill();引入es6-promise后,IE就出现如下错误:原因:应该是webpack出于安全考虑,因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是,在我们的开发环境下,可以禁用掉...原创 2019-07-26 16:47:41 · 1134 阅读 · 0 评论 -
CORS跨域问题:axios请求时报错"...has been blocked by CORS policy..."
现象:在axios使用post请求时,出现如下错误原因:跨域被拦截了解决:跨域问题的解决都是在后台解决的,前台是不能解决跨域问题的。后台是spring boot的项目,解决方法就是增加CorsFilter过滤器。spring boot 版本不同,会有不同的配置方式。@Configurationpublic class CorsConfig { ...原创 2019-07-31 10:34:24 · 18901 阅读 · 0 评论 -
vue结合echarts,生成中国、省份、城市地图
echarts作为vue的插件使用(npm install --save echarts),echarts的属性配置可以参加echarts的官网,如:地图里显示每块是哪个省,哪个市等。示例代码:里面有三个示例,分别实现了中国地图、四川地图、成都地图,其他所有的地图数据都在这个项目中,跟着示例变换下就可以实现中国的所有省份、城市的地图。GitHub地址:https://github.com/...原创 2019-08-02 21:21:07 · 6309 阅读 · 1 评论