qq_43765727的博客

this.$nextTick(() => { // 加载loading this.loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)', target: document.querySelector('.dialog-box-di

<template> <el-form :model="formData" status-icon :rules="rules" label-width='200px' label-position="right" ref="formData1" > <el-form-item label="订单号:" v-if="editorShow" class="el-form-pad"> <template slot-s

原文链接：https://blog.csdn.net/u012138137/article/details/81196257

将代码复制到指令中即可使用。通过指令方式进行调用。（使用方式 <el-table v-tableFit></el-table>）通过计算文字的宽度进行表头设置，其他内容无法计算。40(列) * 120(行) 个单元格以上根据实际情况使用以上根据实际情况使用，因为单元格越多，计算时间越长。尽量使用v-if，不然有些情况下会计算错误Vue.directive("tableFit", { //指令所在组件的 VNode 及其子 VNode 全部更新后调用。 compone

element-ui table 多列组合排序element-ui table 配合后端实现多列组合排序。思路：1.监听sort-change事件，在该事件中缓存和修正当前的排序规则。并根据保存的排序规则调接口刷新表格数据。2.监听header-cell-class-name事件，在该事件中修正表头排序图标的样式。保证图标的样式逻辑和缓存的排序规则一致<el-table stripe :data="list" element-loading-text="Loading

参考文章：http://www.voycn.com/article/element-ui-table-geibiaotoutianjiaicontubiaoyijishubiaohuaguoshixianshitishineirong

原文链接：https://www.cnblogs.com/97pkp/p/12895693.html1.定义样式，实现超出部分省略号：.con_txt { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }2.el-tooltip组件本身就是悬浮提示功能，但是我们需要给超出的文本加提示，没超出的不加提示，所以对组件进行二次封装：<template> <div

原文链接：https://blog.csdn.net/Beam007/article/details/84305216