摘要: 1.参考 https://github.com/donghaohao/vuefy 2.项目使用 列表循环 图片上传对应每个学生 需要监听学生的变化 上传对应的图片 阅读全文
posted @ 2019-04-19 11:23 gz_blog 阅读(939) 评论(1) 推荐(0) 编辑
摘要: 1.插件使用vue-echarts 插件地址 https://www.npmjs.com/package/vue-echarts 2.安装之后 在main.js 引入 import ECharts from 'vue-echarts'; import chinaMap from "./assets/ 阅读全文
posted @ 2019-03-08 09:51 gz_blog 阅读(5505) 评论(0) 推荐(0) 编辑
摘要: 1.监听鼠标滚动时间 mounted() { window.addEventListener("scroll", this.handleScroll, true); }, 2.获取相关的高度 判断鼠标滚动到浏览器的底部 handleScroll() { var scrollTop = documen 阅读全文
posted @ 2019-03-08 09:43 gz_blog 阅读(2608) 评论(0) 推荐(0) 编辑
摘要: 1.el-menu.yk-menu(:default-active="$route.path" v-if="nav.length && auth.userType!=2", mode="horizontal", :router="true", @open='onMenuOpenHandler', @ 阅读全文
posted @ 2019-02-19 09:24 gz_blog 阅读(3958) 评论(0) 推荐(0) 编辑
摘要: 项目在谷歌浏览器上显示正常,在ie浏览器打不开, 找了好久没有找到问题。 编译后发现 es6的一些语法 没有被转化为es5. ie浏览器无法显示。 安装babel插件后 build后就没有问题了 阅读全文
posted @ 2019-01-10 19:58 gz_blog 阅读(2254) 评论(0) 推荐(0) 编辑
摘要: // 根据周一的日期获取周日的日期 let time = new Date(); let y = time.getFullYear(); let m = time.getMonth() + 1; let d = time.getDate(); let date2 = y + '-' + m + '- 阅读全文
posted @ 2019-01-10 19:54 gz_blog 阅读(1735) 评论(0) 推荐(0) 编辑
摘要: 1.手机锁屏九宫格解锁组件 2.代码如下 <template> <canvas id="gesture" ref="canvas" :style="style" /> </template> <script> export default { name: 'GestureLock', props: 阅读全文
posted @ 2018-11-29 20:10 gz_blog 阅读(2036) 评论(0) 推荐(0) 编辑
摘要: 1.vue-fullpage 是一个挺好用的全屏插件 git地址https://github.com/wendaosanshou/vue-fullpage 2.用法:npm 安装 3.在main.js 中引入 4. app.vue template 'use strict'; var fullpag 阅读全文
posted @ 2018-11-01 19:15 gz_blog 阅读(6688) 评论(0) 推荐(0) 编辑
摘要: 1.父子组件传值使用prop就可以了,对于兄弟组件就要使用中间栈作为桥梁进行传值。 2.新建bus.js文件,导入vue实例。 3.组件1.传递数据 触发方法和传递的数据。 4.组件2 接受事件和数据 5.页面效果图 阅读全文
posted @ 2018-10-12 14:46 gz_blog 阅读(2117) 评论(0) 推荐(0) 编辑
摘要: 直接上代码,简单几行。 1.echarts 在页面中使用,宽度不要固定。 2.在mounted挂载的时候,监听屏幕的变化。 3.resize()方法是echarts配置里面自带的,直接使用。这样就可以自适应页面的变化了。 阅读全文
posted @ 2018-08-01 19:24 gz_blog 阅读(647) 评论(0) 推荐(0) 编辑