UI 库
文章平均质量分 56
记录ui库,比如Element...
凯小默
专注前端领域开发。
展开
-
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
/ 然后遍历 areaList 找到对应的 areaSeq 获取地区列表。// 遍历一级选择框,把二级选择框的数据放在一级的children属性上。// 先加一个最后层级的地区用于展示,最后在删掉。// 给当前areaCode添加children。,需要我们自动展开到天河区的下一级,效果如下。每一层级的数据,然后组成一个树。// 从后面开始遍历组成一个树。我的实现思路就是拿到。// 点击自动下拉出来。// 先初始调用一次。// 删掉最后选中的。原创 2023-09-22 18:51:24 · 2499 阅读 · 0 评论 -
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
解决方案就是在 grid 布局层加上下面一行代码,定义每一列的列宽(真的笑死),这里由于只有一列,直接可以写成下面的样子。今天在项目里面遇到了这个问题,相当炸裂,看了半天都没有看出什么问题,很是逆天,记录一下。然后切换按钮,数据就会变化,产生滚动条,table的宽度就会不断增加。"上海市普陀区金沙江路 1518 弄""上海市普陀区金沙江路 1518 弄""上海市普陀区金沙江路 1518 弄""上海市普陀区金沙江路 1518 弄""上海市普陀区金沙江路 1518 弄""上海市普陀区金沙江路 1518 弄"原创 2023-07-21 15:12:04 · 662 阅读 · 0 评论 -
html文件里面怎么使用elementui的Message以及MessageBox
html 页面引入element 脚本之后,在全局会有一个ELEMENT的变量。'8点多了,该下班了'原创 2022-12-12 20:29:54 · 2413 阅读 · 0 评论 -
element-ui 里使用 el-tree 怎么实现树节点的 title 属性?
实现使用 Scoped Slot 去实现自定义树节点<el-tree> <span class="ellipsis" slot-scope="{node}"> <span :title="node.label">{{node.label}}</span> </span></el-tree>// 文字超出宽度显示省略号 单行.ellipsis { overflow: hidden; text-overfl原创 2022-01-18 14:57:36 · 1163 阅读 · 0 评论 -
elementui里checkbox全选操作
代码实现<template><span> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <el-checkbox-group v-model="checkGroup" @change="handleCheckedChange"> <el-chec原创 2021-01-28 10:10:01 · 1349 阅读 · 0 评论 -
element-ui 的表格里面使用 el-popover 实现编辑弹层功能
功能点1、表格是没有分页的2、点击编辑能定位到对应的位置,进行编辑功能3、表格滚动时候,编辑弹层需要关闭效果代码实现<template><el-table ref="multipleTable" ><el-table-column label="操作" width="90"> <template slot-scope="scope"> <el-button type="text" @click="handleClickEdi原创 2020-12-19 19:48:37 · 2939 阅读 · 1 评论 -
element-ui 里 el-popover 位置发生偏移
解决方案在 el-popover 里添加下面配置:popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"<el-popover ref="popover" placement="top" trigger="hover":popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"> <span s原创 2020-12-19 19:17:11 · 14912 阅读 · 3 评论 -
在vue里用sortablejs实现element表格列表的行排序?
安装sortablejs版本:"sortablejs": "^1.10.2"npm install sortablejs --save注意需要注意的一点是就是:el-table的row-key必须唯一,不然拖拽会有问题代码实现<template > <el-table row-key="name" :data="tableD...原创 2020-04-27 17:32:29 · 947 阅读 · 4 评论 -
怎么给element表格添加必填*星号?
说明关于element表头添加东西的,我写过一篇其他的博客,那个是用全局注册组件的方式处理的vue怎么实现element表格里表头信息提示功能?代码实现第一步:给el-table添加header-cell-class-name<el-table :header-cell-class-name="starAdd"></el-table>第二步:在vue的meth...原创 2020-04-27 16:43:03 · 12059 阅读 · 1 评论 -
vue怎么实现element表格里表头信息提示功能?
需求如图:在element表格操作一栏需要添加提示功能实现效果如图:鼠标浮上去弹出tips解决方案1、编写组件在promptMessage.vue文件里面实现<template><!-- 处理element表格表头文字提示特别添加全局注册组件 --><div class="promt-message-tooltip"> <e...原创 2019-11-19 21:14:08 · 2549 阅读 · 3 评论 -
el-input的number类型里输入e、+、-符号返回值为空?
问题最近测试发现了一个问题:在el-input的number类型里输入3eee、2-1、2+3…之类的,返回值是空的解决我这边采取的解决方案就是:不允许用户往里面输入'e'和'.'、'+'、'-'、'Shift'<el-input type="number" @keydown.native="inputLimit"></el-input>inputLimit ...原创 2020-04-03 14:10:55 · 3647 阅读 · 0 评论 -
element表格在Safari浏览器下面对不齐?
问题解决方案/* 使表格兼容safari,不错位 */.el-table__body { width: 100%; table-layout: fixed !important;}原创 2020-03-25 17:57:03 · 1406 阅读 · 6 评论