
Vue+EChart4.0数据报表项目
# Vue+EChart4.0数据报表项目 知识点
前端小云儿
活到老学到老
展开
-
vue组件间通信六种方式(完整版)
组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系:如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式,如props、$emit/$on、vuex、$parent/$children、$attrs/$listeners和..转载 2021-09-22 22:49:54 · 7996 阅读 · 3 评论 -
金额处理函数,千分位,
1.金额,函数function format(v) { const reg = /\d{1,3}(?=(\d{3})+$)/g //g表示匹配全局 //?=(\d{3})+$ 后面没有三个数字时候,匹配2个数字 //'$&,'后面拿到$&添加, return `${v}`.replace(reg, '$&,')}原创 2021-09-21 23:04:24 · 186 阅读 · 1 评论 -
axios接口封装
import axios from 'axios'const service = axios.create({ baseURL: 'https://apis.imooc.com', timeout: 5000})//响应service.interceptors.response.use( response => { if (response.status === 200 && response.data) { console.log(resp.原创 2021-09-21 22:20:14 · 159 阅读 · 0 评论 -
eslint报错时解决
原创 2021-09-20 23:48:10 · 868 阅读 · 0 评论 -
echart环形图
echart饼图 this.categoryOptions = { title: [{ text: `${this.radioSelect}分布`, textStyle: { fontSize: 14, color: '#666' }, left: 20, top: 20 }, .原创 2021-09-20 22:15:16 · 831 阅读 · 0 评论 -
echart-线段百分比柱状图设计
原创 2021-09-19 15:32:41 · 428 阅读 · 0 评论 -
echart-柱状图设计
1柱状图成品2开始3原创 2021-09-19 14:53:20 · 161 阅读 · 0 评论 -
echart曲面积图
1引入2.使用折线图3成散点图4去掉xy轴5面积颜色6平滑曲线7原创 2021-09-19 14:38:44 · 466 阅读 · 0 评论 -
element-el-row-el-col使用布局,修改el-card边距<el-card :body-style=“{padding:‘10px‘}“>card1</el-card>
<divclass="home"style="border:1pxsolidred;margin-top:40px"><!--gutter表示单个el-card之间的间距--><el-row:gutter="10"><!--span默认el-row为24用span去平分--><el-col:span="6"><el-card>card1&...原创 2021-09-19 11:20:40 · 10560 阅读 · 1 评论