weixin_44090040的博客

<el-form ref="form" :model="form" :rules="rules" label-width="80px" class="form" > <el-form-item label="起始时间" prop="startTime"> <el-date-picker v-model="form.startTime" type="datetime" style="width: 50%" placeholder="选择起始时间"

openFullScreen() { this.loading = this.$loading({ lock: true, text: "Loading", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)" }); }, closeFullScreen(loading) { this.loading.close(); },

<!-- * @Descripttion: * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2021-02-25 09:16:14 * @LastEditors: zhangfan * @LastEditTime: 2021-06-04 16:44:53 --> <el-dropdown class="fr" :hide-on-click="false" trigger="clic.

<!-- * @Descripttion: appid管理技术后台（正式环境） * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2021-04-12 15:27:34 * @LastEditors: zhangfan * @LastEditTime: 2021-04-27 10:08:15 --> <el-switch class="switch" v-model=".

body .el-table th.gutter{ display: table-cell!important; }

<el-table show-summary :summary-method="getSummaries" :data="tabledate" style="width: 100%" ref="table" border v-adaptive="{bottomOffset: 78}" height="100px"> <my-column v-for="(item, index) in tableCol" :key="index" :col="item

//给table加了一个固定高度的话，就不显示了，打开控制台可以看到这个合计是存在的 //vue的生命周期updated中加上以下代码 this.$nextTick(() => { this.$refs['table'].doLayout(); })

<el-tree ref="tree" show-checkbox :check-strictly="true" ---严格遵循父子不关联 :data="editCBRdata" :props="defaultProps" node-key="id" @node-click="handleNodeClick" @check-change="checkChan

只需要在您的全局样式中添加如下css样式即可 body .el-table th.gutter{ display: table-cell!important; }

<!-- * @Descripttion: 封装动态表头 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-07-03 17:35:37 * @LastEditors: zhangfan * @LastEditTime: 2020-07-15 11:32:58 --> <template> <el-table-column :prop="col.prop" :

<el-form-item label="发薪月份"> <el-date-picker v-model="timecheacked" @change="selectTime" value-format="yyyy-MM" type="month" placeholder="选择月"> </el-date-picker> </el-form-item> /** * @

this.$refs[formName].validate((valid) => { if (valid) { } else { setTimeout(()=>{ var isError= document.getElementsByClassName("is-error"); isError[0].querySelector('input').focus(); },1).

-后台返回的table数据不符合前端展示， 下面是人员统计表： 这样显然是不符合要求的。下面通过elementUI中的table提供了formatter这个属性来对传入的数据进行用户自定义的格式化。 目的达到了，直接上代码： <!-- * @Descripttion: el-table中的formatter 对列的值进行处理 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-07-03 0

<!-- * @Descripttion: Vue设置高度为浏览器高度 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-07-03 09:10:28 * @LastEditors: zhangfan * @LastEditTime: 2020-07-16 17:42:53 --> <template> <div class="tableBox"&gt.

<!-- * @Descripttion: el-tree实现自定义节点内容 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-07-03 09:10:28 * @LastEditors: zhangfan * @LastEditTime: 2020-07-16 11:21:20 --> <template> <div class="treeBox"&gt.