video.js是一个很好的视频播放插件，但是如果移植到vue上相信很多小伙伴很苦恼，是不是网上搜了一堆，发现不好使，我也是踩坑了，后来发现官方文档上就有，好尴尬，建议以后学习先看看官方文档，会有惊喜的。1.首先安装video.js，然后在main.js中引入npm i video.js -D //安装 //main.js 引入 import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prototype.$video = Video; 1.先官方基础的使用方法，自定一个组件，说明一下在使用v- 阅读剩余部分 -

使用vue就避免不了用element-ui使用table总是遇到设计小姐姐搞出来的不一样的空提示效果代码只要在el-table里面增加如下代码就可以了<template slot="empty"> <div class="table_empty"> <div class="empty_tips">暂无未推修任务， <el-button @click="newFixTask" type="text" size=&- 阅读剩余部分 -

今天无意间发现在浏览器是查看查看webpack下的所有程序的源码的，感觉这算是个bug，为了代码安全性，还是禁止掉比较好，因为我不想打包后的项目别人还能看我的vue源码，所以要做下配置如果是vue cli2 我们需要打开config/index.js 搜索 build,将build对象下面的productionSourceMap设置成false就可以了如图productionSourceMap: false, // 生产环境的 source map 设置上线后是否加载webpack文件 如果是vue cli3 那么在根目录打开vue.config.js，如果没有就自己创建- 阅读剩余部分 -

1.由于使用 uglifyjs-webpack-plugin 插件打包会报错，不在介绍使用方法，2.使用webpack提供的删除console的插件：安装terser-webpack-pluginnpm install terser-webpack-plugin -D 然后在vue.config.js中写插件的配置：module.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minim- 阅读剩余部分 -

很奇怪，Y轴只显示了部分节点。没有显示全。在yAxis上加上下面的配置就能解决：yAxis: { type: 'category', axisLabel :{ interval:0 }, data: ['学生一', '学生二', '学生三', '学生四', '学生五', '学生六', '学生七'] }, 坐标轴刻度标签的显示间隔，在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签，可以设置成 0 强制显示所有标签。axisLabel :{ interval:0 },