elementUI
DLGDark
生活不止眼前的枸杞,还有热水~
展开
-
elementUI el-upload组件直接上传到七牛云(亲测可用)
【代码】elementUI el-upload组件直接上传到七牛云(亲测可用)原创 2022-09-08 14:25:31 · 1504 阅读 · 2 评论 -
elementUI表格数据动态生成(实用有效!!!)
直接上代码:// 第一种<el-table height="100%" :data="tableData"> <template v-for="(item, index) in tableHead"> <el-table-column align="center" :label="item.column_content" :key="index"> <template slot-scope="scope"> {{ s原创 2021-01-20 13:55:23 · 1357 阅读 · 2 评论 -
利用elementUI中的带有建议列表功能的输入框和高德地图中的输入提示与POI搜索服务实现在已选择行政区域内限制搜索地址(项目中实用性高!!!)
先看效果图:图一:图二:图三:图四:解释:这里实现的功能是先选择一个行政区域,然后在该区域下去搜索地址(一开始地址搜索框默认禁止的,强制必须选择区域后才能搜索,删除已选的行政区域后,地址输入框又变回禁用状态,即只能搜索该区域下的地址。当然了,这里可以根据自己需求进行修改)。我这里行政区域只需要选到市级即可(即两级联动),如果需要选到区级,可以改成三级联动选择即可,看个人需求。行政区域的实现使用了一个npm功能包【element-china-area-data】,简单方便,可自定义选原创 2020-12-29 11:26:12 · 910 阅读 · 0 评论 -
elementUI中的select下拉框多选显示的文本内容过长导致显示溢出框外的解决方案(已解决!!!)
解决代码如下所示:.logMgCls .el-select__tags-text { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.logMgCls .el-select .el-tag__close.el-icon-close { top: -7px;}说明: .logMgCls 是我自己文件中的父级元素类原创 2020-07-14 18:14:32 · 23237 阅读 · 10 评论 -
elementUI中el-table表格在flex布局下出现表格宽度一直在增大变化的问题解决方案(100%解决!!!)
解决方案:在table外层包一层div元素,设置css宽度继承自父级宽度,添加代码:position:absolute; width:100%;一般上级元素就设置这flex布局flex:1;加入一行代码:position:relative;示例截图:原创 2020-08-04 14:21:20 · 8978 阅读 · 8 评论