- 博客(6)
- 收藏
- 关注
原创 VUE使用Echarts图表自适应(单个Echarts图表)
单个echarts图表自适应 在使用echarts时,当窗口改变是,图标并不会变化,这就引起了图标错位,很不美观。 这是后需要用到echarts自带的 resize来解决这个问题。 代码如下 // 基于准备好的dom,初始化echarts实例 let myChart = echarts.init(document.getElementById('myChart')) co...
2020-03-20 10:55:12
748
原创 element侧栏固定,header固定,main主体可以滚动
需求 利用elementui的Container 布局容器,布置一个有顶部header,侧边栏aside以及主体main,现要求当主题长度过长时可以滚动,但是顶部和侧边固定。 思路 利用position中的absolute和relative,以及overflow-y来实现 详解 在elementui官网复制Container 布局容器布局,代码如下 <el-container> &...
2020-03-19 15:19:14
33474
12
原创 报错Missing space before function parentheses的问题,VUE-cli使用eslint时
一、报错问题 控制台报错Missing space before function parentheses,意思是方法和括号之间缺少空格。 二、解决方法 1.在方法名和括号之间加一个空格,再运行一下,问题解决。 但是这种方法并不可取,如果有很多函数,全部都要手改是不可能的,但是使用prettierrc格式代码时,貌似没有配置可以让方法名和括号之间空格,即使有,加个空格看起来也很丑,不符合一个程序员...
2020-03-19 10:18:18
10813
原创 使用VUE项目管理器新建一个VUE项目
Vue-cli3使用VUE项目管理器新建一个项目 前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts Vue-cli3脚手架安装 1.安装node.js 到官网选择对应版本下载link,然后无脑安装 2.安装淘宝镜像 打开命令行窗口 输入npm install -g cnpm --registry=https://registry.npm.taobao.or...
2020-03-18 17:11:18
5749
7
原创 vue-cli3使用Echart动态渲染数据 轮询获取后台数据
实现效果 采用轮询的方式向后台获取数据,然后动态将数据赋值给Echart饼状图的option.series[0].data数据,前端网页做出相应的改变 准备工作 进Echart官网选择适合的图,这里以Doughnut Chart饼状图为例。 1.导入Echart,在script里导入 import echarts from 'echarts' 2.给Echart一个大小 <div id...
2020-03-17 13:18:43
2555
3
原创 vue-cli中按需引入element ui
vue-cli中按需引入element ui 在element.js中 import Vue from 'vue'; import { Pagination, Dialog, Autocomplete, Dropdown, DropdownMenu, DropdownItem, Menu, Submenu, MenuItem, MenuItemGroup, ...
2020-03-17 09:52:06
1135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅