随笔分类 - Vue
摘要：使用formatter属性，在el-table-column标签中加入此属性 <el-table-column :key="Math.random()" prop="tradeType" label="退费方式" align="center" :formatter="formatteTradeTyp
阅读全文
摘要：在调用的方法中加入（中间注释部分，为请求数据方法，结束都需要关闭loading） const loading = this.$loading({ lock: true, text: '正在努力加载数据中，请耐心等待...', spinner: 'el-icon-loading', backgroun
阅读全文
摘要：主要代码： ：selectable="checkSelectable"用来锁定复选框，让默认选中的复选框不能取消选中 <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" class="pay-list" :dat
阅读全文
摘要：做项目时候,需要异步获取大量数据,采用el-tree树形控件懒加载 <el-tree v-show="ishowTree" // 控制树形组件的显示与隐藏 ref="tree" v-clickoutside="treeClose" // 自定义指令 点击树形组件以外的地方隐藏组件 lazy // 是
阅读全文
摘要：效果： 接口返回数据： vue2前端代码： getTree() { this.listLoading = true getAcademyTree().then(response => { console.log(response.data) this.classData = response.dat
阅读全文
摘要：问题：学院自动到第二行，不靠左开始放置 解决方法： 使用justify，在el-row上添加style=“flex-wrap: wrap; flex-direction: row” 就可以啦 <el-form :inline="true" label-width="100px" class="dem
阅读全文
摘要：问题： <el-col :span="6" class="colp"> <el-card shadow="hover" class="elcard1"> <a @click="doMethod('review')"> <img src="../../../assets/icons/shortcut1
阅读全文
摘要：1.首先，检查了前端用于接数据的字段是否与后端传过来的字段相同，在确定传参没有出现问题之后，这个问题仍然存在。 2.发生原因：因为使用了elementui，表格通过循环产生，vue在dom重新渲染时存在一个性能优化机制，重复的dom会被复用。 3.解决方法：设置key确保是唯一的 在el-table
阅读全文
摘要：DOM全拼为Document Object Model（文档对象模型）是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。 DOM概念本身： 普通文档（*.txt）和HTML/XML文档（*.html/*.xml）的区别仅仅是因为后者是有组织的
阅读全文
摘要：例如： <span class="detail" :title="list[i].location">{{ changeTitle(list[i].location) }} 使用title属性实现 双引号里面放需要展现的字段进行绑定
阅读全文
摘要：方法： changeTitle(val) { if (val.length > 9) { return val.substring(0, 9) + '..' } else { return val } } 数字9，是设定自动变为...的字数。 使用如下： {{ changeTitle(list[i]
阅读全文
摘要：运用substring 截取到年月 {{ scope.row.cetDate.substring(0, 7) }} 截取到年 {{ scope.row.cetDate.substring(0, 4) }}
阅读全文
摘要：background:linear-gradient(180deg,#44BBFE,#1E78FE);
阅读全文
摘要：1、在filters中写入此方法，其中proStatus改为自己的字段名 2、在需要的地方加入方法名
阅读全文
摘要：1、input标签中加disabled属性。 2、在需要的方法中使用this.$set(this.temp, 'proName', data.proName)进行绑定
阅读全文
