- 博客(6)
- 收藏
- 关注
原创 echarts 在 vue项目中使用及立体柱状图的实现
vue 项目中使用echarts首先安装echarts依赖cnpm install echarts -S / yarn add echarts在需要使用echarts图表的组件内引入import echarts from ‘echarts’通过ref进行标记<div ref="echarts" style="width:100%;height:100%" class="echarts"></div>在mounted内进行实例化mounted() { thi
2020-11-23 17:04:25 1636 2
原创 vue 项目 web端如何实现天气预报2
在web段实现天气展示首先我们要获取到天气信息,我们可以请求下面的接口访问上面的接口后,可以看到返回值,拿到返回值后对数据进行处理和渲染就可以了注意:通过返回值我们可以看到,wea_img的属性值是汉语拼音’yu’,我们如果想要展示气象图片的话就需要将各种天气的图片放在public文件夹下在使用图片的时候通过绑定src属性拼接路径拿到展示的图片,具体代码在下面 有注释。下面是请求数据js代码export function getSevenDaysWeather(query) {
2020-11-21 16:41:27 1867 1
原创 vue项目中 EasyPlayer 的封装与使用
vue中如何集成EasyPlay播放器安装EsayPlay依赖(npm慢可以使用cnpm或者yarn)npm install @easydarwin/easywasmplayer --save安装完成后找到下面两个文件 拷贝到public文件下(必须)node_modules >> @easydarwin >> easywasmplayer >> EasyWasmPlayer.jsnode_modules >> @easydarwin >&
2020-11-17 16:53:30 6634 19
原创 vue 项目中使用Swiper
如何在vue项目中使用Swiper首先安装Swiper插件 yarn add swiper@5.2.0 cnpm install swiper@5.2.0 -save然后在src下面的main.js中引入import 'swiper/css/swiper.min.css'新建vue组件 SwiperCom.vue 写入一下代码<template> <div class="swiper-container" :class="name"> <div c
2020-11-17 10:58:48 578
原创 vue 前端将Excel表格导入 ,并解析成Json数据发送给后端
首先我们通过input框的file进行上传<span class="file-box"> Excel上传 <input type="file" accept=".xls,.xlsx" class="upload-file" @change="Excel($event)" /></span>修改样式让其变得漂亮一些,添加完下面的样式,就会变成这个的样子:.file-box { position: relative; di
2020-11-09 12:51:54 4913 14
原创 使用deep穿透更改 Element ui 样式在 谷歌浏览器生效,而在火狐浏览器不生效问题
使用/deep/穿透更改组件库样式在火狐浏览器不生效原因/deep/ 穿透如果只是添加在父级的话,那么在火狐浏览器和谷歌浏览器都是生效的/deep/ .father { width: 100%; height: 100%; .el-select .el-input .el-input__icon { line-height: 26px; color: #000000; } .avatar-uploader .el-upload { bor
2020-11-09 10:59:32 1589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人