- 博客(9)
- 收藏
- 关注
原创 理解 v-model、v-bind、$attrs、 $listener 和 .sync 及其在跨组件数据双向绑定上的应用
理解 v-model、v-bind、$attrs、 $listener 和 .sync 及其在跨组件数据双向绑定上的应用一、v-modelv-model是v-bind以及v-on配合使用的语法糖。父组件—>子组件 v-bind 数据绑定(M—>V) ,子组件—>父组件 v-on事件监听(V—>M)。<input v-model="msg" />相当于:<input :value="msg" @input="msg= $event.target.val
2021-08-19 16:29:43 708
原创 ECharts图表设置x轴和y轴显示数值
ECharts图表设置x轴和y轴显示数值未设置的效果:想要达到的效果:重要代码:xAxis.axisLabel.interval = 5; // 设置x轴间隔5个显示// 设置y轴显示的最大值和最小值yAxis.min = 0,yAxis.max: function (value) { return value.max + 50;},完整代码:option = { color: ['#5983FE'], // 关键加上这句话,legend的颜色和折线的自定义颜色就
2021-01-11 10:35:27 31264
原创 解决ECharts图表切换后缩成一团的问题
解决ECharts图表切换后缩成一团的问题问题描述:解决办法:在按钮切换的方法中加上如下代码:(项目使用vue) this.$nextTick(function () { var myEvent = new Event('resize'); window.dispatchEvent(myEvent);});...
2021-01-07 08:57:51 4868 1
转载 ECharts设置tooltip位置
ECharts设置tooltip位置随鼠标移动,并解决提示框显示不全的问题toolTipPos (point, params, dom, rect, size) { // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下 // 提示框位置 var x = 0; // x坐标位置 var y = 0; // y坐标位置 // 当前鼠标位置 var pointX = point[0]; var pointY = poi
2020-12-29 15:09:32 1832
原创 el-table导出含有多张sheet的excel
html+js+ElementUI el-table(含有合并单元格)的导出含有多张sheet 的excel注:该项目是使用html页面中引入vue.js来使用vue的封装好的表格组件:https://blog.csdn.net/qq_28691187/article/details/111476394表格:<datareport-component ref="report-table1" tableid="out_table1" :title="title1" :reportlistdata
2020-12-23 13:14:29 584
原创 el-table导出单张excel(保留样式)
el-table 导出单张excel表格特点:(1)表格带有合并单元格(2)表格带有固定列导出成excel时遇到的问题:(1)带有固定列的表格,导出时会出现重复的问题原因:使用el-table的fixed属性来固定某一列,其原理是创建两个tabledom,通过一个隐藏一个显示来实现交互效果。当导出整个el-table 就会将两个div内的table都导出,导致数据重复。审查元素如下:解决方法:判断要导出的节点中是否有fixed的表格,如果有,转换excel时先将该dom移除,然后append
2020-12-21 16:46:24 1455
原创 js封装el-table组件并使用
封装el-table 组件需求:(1)表头可点击(2)表格样式(3)合并单元格组件代码如下:Vue.component('datareport-component', { props: { title: "", // 报表名称 reportlistdata: [], // 表格数据 tableid: "", // 表格id columns: [], // 表格列内容 items: [], // 表格可点击表头的列内容 fontweight:
2020-12-21 16:31:20 1168
原创 vue 项目中iframe嵌入html页面
vue 项目中嵌入html页面需求:把 https://cron.qqe2.com/ 的cron表达式嵌入到项目中(1)将页面保存到本地
2020-12-14 10:04:43 12656 3
原创 ECharts 创建中国气泡地图和定位图表点 点击地区域高亮显示
ECharts 创建中国气泡地图和定位图表点 点击地区域高亮显示ECharts 官方案例:https://www.makeapie.com/editor.html?c=x_kEnG-Ggq效果如下:设置option中的geo属性中的regions.name即可改变选中区域的背景颜色 geo: { // 高亮区域 regions: [{ name: '', itemStyle: {
2020-12-11 16:34:18 4221 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人