UI库
文章平均质量分 55
写代码的贝塔子
这个作者很懒,什么都没留下…
展开
-
vue+element ui 前端分页,element Table组件的序号
vue+element ui 前端分页,element Table组件的序号原创 2022-08-04 09:35:02 · 437 阅读 · 0 评论 -
Vant Picker组件问题,Picker设置选中值,清除Picker选中值
Picker设置选中值/恢复默认选项/清空选中值/切换问题描述代码解析参考文档问题描述需求是一个选择时间的选择器,需要加一个选择全部时间的操作。所以需要把清除掉上一次Picker选中的值。Vant的文档的实例方法都没有示例,着实是费了很大劲。目前逻辑是选择时间点击确定的话是按筛选时间去查询。点击全部时间按全部时间去查询,把picker恢复到默认状态。代码template的结构<van-popup v-model="showPicker" position="top" :lazy-rend原创 2021-03-30 16:38:27 · 8041 阅读 · 2 评论 -
Element Dialog打开时内容被遮罩盖住
问题描述:图片预览使用Dialog实现,预览的时候发现图片被遮罩盖住了。如图:检查元素的时候发现遮罩的div层级比内容div要低,所以就比较奇怪。原因分析:内容嵌套太深,某个父级的层级比遮罩层低导致。解决方案:加append-to-body属性,把内容层也加到body中。官方解释:...原创 2020-10-29 16:24:07 · 752 阅读 · 0 评论 -
Element UI的Input框在按下回车键会刷新页面
原因W3C 标准中有如下规定:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。Eleme原创 2020-10-24 14:50:50 · 869 阅读 · 1 评论 -
Element UI 树形控件设置默认选中节点并展开到那个节点,树形控件折叠所有节点,展开所有节点
树形控件设置默认节点需求:树形结构的数据会进行增加删除操作,所有需要更新树形结构的数据,更新之后需要还原之前的选中状态。关键点:两个属性值:current-node-key:表示当前选中的节点的唯一值default-expanded-keys:默认展开的节点的 key 的数组两个原型方法:setCurrentKey:通过 key 设置某个节点的当前选中状态getCurrentKey:获取当前被选中节点的 key<el-tree ref="tree" :data="treeData原创 2020-10-16 01:25:12 · 6749 阅读 · 0 评论 -
清除element UI Table 的排序状态
点击查询按钮时,表格的排序状态应该清除掉<el-table ref="table" :data="tableData" style="width: 100%"></el-table>使用Table组件提供的方法,但是只能把未排序状态改掉,代码中的排序字段和顺序还需手动修改。resetSort() { this.$refs.table.clearSort() this.sortFiled = 'applyTime' this.sortType =原创 2020-07-15 17:43:40 · 3462 阅读 · 0 评论 -
element ui Table组件 自定义序号 让element的Table有序号
使用Element UI的Table组件自定义序号在分页的情况下,Table的序号每页都是从1开始。在某些时候用户体验不是很好,所以需要自定义序号。<el-table-column label="序号" align="left" class-name="el-table-normalcol" width="80"> <template slot-scope="scope"> <div>{{ (currentPage - 1) *原创 2020-07-15 15:00:32 · 2100 阅读 · 0 评论 -
iview Element组件的@on-change方法保留默认参数,传递自定义参数
UI组件方法的传参方法一 箭头函数方法二 arguments方法三 调整参数位置方法一 箭头函数<Input v-model="value14" placeholder="Enter something..." clearable style="width: 200px" @on-change="(event) => {changeNumber(event, params)}"/&...原创 2020-03-31 21:27:16 · 3427 阅读 · 3 评论