学习

最新推荐文章于 2025-01-07 21:13:37 发布

jinmo277

最新推荐文章于 2025-01-07 21:13:37 发布

阅读量192

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/jinmo277/article/details/106997341

1. el-dialog中的组件或内容想关闭后每次初始化

<el-dialog
:visible.sync="showCron"
v-if="showCron">
</el-dialog>

el-table中设置height后合计行不显示
getSummaries(param) {
   // 增加代码 start
this.$nextTick(() => {
   this.$refs.table.doLayout();
});
// 增加代码 end



const { columns, data } = param;
let total = 0;
data.forEach(item => {
   total += item.value;
});
return ['总计', total];
},

2. echarts 自适应

methods: {
   resize() {
       if (this.resizeTimer) clearTimeout(this.resizeTimer);
       this.resizeTimer = setTimeout(() => {
           this.$refs.numberAnalyseRef.$refs.BaseAnalyseChartRef.resize();
       }, 200);
   }
}

activated() {
   ...
   this.resize();
   window.addEventListener('resize', this.resize);
}

deactived() {
window.removeEventListener('resize', this.resize);
}

3. echarts tooltip内容在父容器中显示不全
tooltip: {
...,
confine: true // 将 tooltip 框限制在图表的区域内
}

4. 文字不可选中
.no-selected {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

5. css技巧
三角（向下）
.triangle {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: red;
}