08 2019 档案

element之 el-scrollbar组件滚动条的使用
摘要：在使用vue + element-ui 搭建后台管理页面的时候，做了一个头部、侧栏、面包屑固定的布局，导航栏和主要内容区域当内容超出时自动滚动。 阅读全文
posted @ 2019-08-30 17:02 彩色泡泡 阅读(1385) 评论(0) 推荐(0)
echarts和v-chart使用心得
摘要：echarts的响应式 每次窗口大小改变的时候都会触发onresize事件，这个时候我们将echarts对象的尺寸赋值给窗口的大小这个属性，从而实现图表对象与窗口对象的尺寸一致的情况window.onresize = echart.resize;echart.setOption(option); e 阅读全文
posted @ 2019-08-30 15:58 彩色泡泡 阅读(12951) 评论(0) 推荐(0)
vue可视化图表 基于Echarts封装好的v-charts简介
摘要：vue可视化图表 基于Echarts封装好的v-charts 近期公司又一个新的需求，要做一个订单和销售额统计的项目，需要用到可视化图表来更直观的展示数据。首先我想到的是Echarts，众所周知Echarts是一个应用很广的可视化图表库，用来展示统计数据更合适不过，但是偶然间发现了一个更为方便的图表 阅读全文
posted @ 2019-08-30 15:55 彩色泡泡 阅读(889) 评论(0) 推荐(0)
vue 导航守卫
摘要：1、全局守卫（在所有路由展示前触发）//在main.js中 router.beforeEach((to, from, next) => { to 即将要进入的到的路由，值为路由 from 离开的路由（从哪个路由离开）,值为路由 next 值为函数，这个函数决定你接下来要展示的路由页面 }) 在页面点 阅读全文
posted @ 2019-08-28 13:57 彩色泡泡 阅读(188) 评论(0) 推荐(0)
vue关于路由容易忽略的点
摘要：1、去掉导航里的# 在router.js中 2、指定激活项的class 在router.js中 在css中设置class的active即可。 3、指定跳转标签类型 在打印中是a标签 如果想要不是a标签，可以加上tag a标签就会换成div 4、　用属性名做为路由地址 5、给路由起名字，也可跳转 在r 阅读全文
posted @ 2019-08-27 13:41 彩色泡泡 阅读(174) 评论(0) 推荐(0)
Vue Elementui中的Tag与页面其它元素相互交互
摘要：参考：https://www.jb51.net/article/147917.htm 思路 一、多选框勾选，出现对应的tag: 1.利用watch监听多选框绑定的值A(数组)的变化；2.根据A的变化,循环拿到勾选多选框的id对应的name，将id以及对应的name组成新的对象数组；3.将上一步得到的 阅读全文
posted @ 2019-08-26 13:33 彩色泡泡 阅读(1678) 评论(0) 推荐(0)
vue项目中引入animate.css和wow.js
摘要：本文转自：https://blog.csdn.net/liyunkun888/article/details/85003152 https://www.zhuimengzhu.com/content/article/id/87.html 一、场景在很多的网站中，我们发现在滚动条滑动的时候一些元素显示 阅读全文
posted @ 2019-08-19 11:19 彩色泡泡 阅读(3803) 评论(0) 推荐(1)
vue生命周期详细过程
摘要： 阅读全文
posted @ 2019-08-14 10:04 彩色泡泡 阅读(404) 评论(0) 推荐(0)
vue cli创建脚手架
摘要：1、用vscode打开一个文件夹。在菜单栏 点击 查看-集成终端。这里可以用其他的方法比如cmd命令符调开这个界面，但是要用cd 切到要放文件的文件夹下。 2、安装好node.js 和淘宝镜像 3、安装vue cli 。命令：cnpm install -g @vue/cli 检查是否安装上的方法： 阅读全文
posted @ 2019-08-09 17:08 彩色泡泡 阅读(124) 评论(0) 推荐(0)
vue父子组件传值
摘要：vue中组件的嵌套数值传递一直不是很清晰，今天理清下思路。 1、在页面中有一个父组件的模板。 1、父组件向子组件传值 1、在子组件的标签里通过v-bind绑定一条属性，属性值为父组件的数据名称。 2、在子组件的模板中利用props属性把已经绑定的属性值写进去。 3、在子组件的template中就可以 阅读全文
posted @ 2019-08-09 15:28 彩色泡泡 阅读(249) 评论(0) 推荐(0)
vue项目在IE浏览器和360兼容模式下页面不显示问题，亲测有效
摘要：解决方法：安装 "babel-polyfill" 1、命令：cnpm install --save-dev babel-polyfill 2、在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。 3、在build文件夹下找到webpack.base.conf 阅读全文
posted @ 2019-08-01 09:42 彩色泡泡 阅读(6309) 评论(0) 推荐(0)