
Vue
ironManYYDS
新手
展开
-
Vue中使echarts图表自适应
Vue中使echarts图表自适应1、先在main.js中自定义一个全局指令,如下// 定义全局指令Vue.directive('resize', { // 使用局部注册指令的方式 // 指令的名称 bind(el, binding) { // el为绑定的元素,binding为绑定给指令的对象 let width = '', height = ''; function isReize() { const style = document.defaul原创 2021-12-27 16:27:48 · 1824 阅读 · 3 评论 -
Vue中通过minio上传文件
在Vue中minio上传文件(stream流和链接)1、minio的安装直接使用npm或者cnpm下载即可npm i minio --save//或者cnpm i minio --save2、minio.js文件封装了连接minio、文件上传,文件删除等方法注:此文件中的url都是在minio设置了永久链接的基础上2.1连接minioconst minioClient = new Minio.Client({ endPoint: 'xxx.xxx.x.xxx', // 地址 p原创 2021-10-22 11:43:51 · 9696 阅读 · 19 评论 -
vue视频播放组件
vue视频播放组件(原生html封装)PS:视频链接是后台爬虫抓取的注意:this.$refs.video.src = this.videoUrl 此行很重要,在父组件传入src后,mounted里面进行赋值(没有出现跨域的问题,要么是链接失效,只要链接没问题就能播放)<template> <!-- 视频查看 --> <div class="PlayVideo" v-if="show"> <!-- 关闭按钮 --> <div原创 2021-12-08 14:31:05 · 10851 阅读 · 0 评论 -
打包优化vue.config.js
vue打包优化配置原创 2022-09-13 09:41:54 · 444 阅读 · 0 评论