随笔分类 - element
摘要：想改啥样式就改成对应的编码 .el-cascader { .el-input__icon:before { content: '\e790'; } } .el-select { .el-select__caret:before { content: '\e790'; } } /e78f 向上的箭头
阅读全文
摘要：table表格直接在表头进行前端搜索 <el-table :data="tableData.filter(data => !search||data.pointName.toLowerCase().includes(search.toLowerCase()))" > <el-table-column
阅读全文
摘要：表格的每行都是可以随意拖动，任意排序的。 下载一个拖动的插件：sortable.js 下载： $ npm install sortablejs --save 引用：import Sortable from 'sortablejs'; 代码： <!-- 一定要绑定row-key --> <el-tab
阅读全文
摘要：数据显示不出来了？不要放张！ 一开始大为震惊，查询了很多资料，也检查了很多遍代码。 有人说是ui库版本问题，有人说是代码没写对参数。 最后的最后，看到一篇文章，给我的灵感。 参考：https://blog.csdn.net/supming1/article/details/121253919?spm
阅读全文
摘要：如图所示，没有传统穿梭框中间的箭头，操作更加方便，左侧选择后进入到右侧，并且可以对右侧所选项进行删除，从而左侧勾选也会对应取消。并且带搜索框。 代码如下： （涉及到深拷贝的一些知识） <template> <div style="display: inline-block"> <!-- 下拉选择 -
阅读全文
摘要：如图效果，多选下拉框，可搜索下拉内容进行选择，一组选择后，其他组再选，之前的选项置灰（也就是说，每个选项只能被选一次。） 上代码： html： <el-dialog title="编辑" :visible.sync="dialogVisible" append-to-body width="540p
阅读全文
摘要：//只能选此刻之前日期与时间： <el-form-item label="事发时间" prop="happenTime" class="work-item-label" > <el-date-picker v-model="ruleForm.happenTime" type="datetime" f
阅读全文
摘要：（this.currentPage - 1) *this.numPage +index +1
阅读全文
