![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ElementUI
三分妄想
心不动 万物皆不动 心不变 万物皆不变
展开
-
Element Table show-overflow-tooltip属性显示在下方的解决方案
首先来看默认的show-overflow-tooltip悬浮显示的样式:在使用Table时可以设置超出内容通过show-overflow-tooltip属性达到悬浮显示的状态,但是这个悬浮框默认是显示在上方的。有时候我们会想让他出现在下方或者其他方向,来达到下图的效果:解决方案如下:<el-table-column placement="bottom" align="center" prop="model" label="型号" min-width="90">原创 2021-04-19 11:47:04 · 3843 阅读 · 0 评论 -
Element UI Cascader 级联选择器实现省市区三级联动
在使用element ui时我们会遇到使用选择器控件做地图的三级联动的场景,由于官方并没有提供以CDN形式创建的HTML项目的三级联动的数据,所以这里创建了一个Json文件直接点击即可下载,具体的使用过程请看下方。1.首先我们需要准备一个控件<el-cascader v-model="areaValue" :options="area" @change="handleChange" style="width:160px"></el-cascader>2.在适当的时...原创 2020-07-31 15:36:20 · 1904 阅读 · 0 评论 -
ElementUI表格滚动条位置重置
在使用ElementUI时使用表格组件时遇到了一个问题,当我在弹出层中嵌套使用表格组件时如果我的表格内容过长出现滚动条时,我把滚动条拖放到中间位置后关闭这个弹出层,当我下次重新打开时这个表格的滚动条位置仍然保留了上次退出时的位置,导致了画面没有显示最初始的效果。 这个问题可能在表格与其他组件多重嵌套的情况下会复现,想让表格下方或者右方的滚动条位置复原其实也很简单,首先...原创 2019-12-10 15:03:23 · 3629 阅读 · 0 评论 -
Element UI表格 列嵌套组件传值
在使用ElementUI时想在表格的列中嵌套额外的组件使用代码如下:<el-table :data="pjTestData" :border="true" :highlight-current-row="true" id="pjtable" style="width:634px;position:relative;top:50px;height:266px;margin-botto...原创 2019-12-02 12:13:40 · 995 阅读 · 1 评论 -
[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String with value
在使用Vue+Element UI开发时遇到了这个报错[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String with value "xxx",这句话说的是我绑定的data数据类型原来是一个数组类型,但是收到的值是一个字符串类型。如果你的值从一开始就已经在后台转换成Json格...原创 2019-11-07 16:44:11 · 4555 阅读 · 0 评论 -
ElementUI表格复选与行单选结合
在使用ElementUI的表格时遇到了复选/多选与行单选的问题,这里记录一下供以后回顾,如果能帮助其他遇到这个问题的小伙伴解决同样的问题就再好不过啦~这里首先说一下我所设想的操作场景,用户可以自由通过ElementUI的复选框和全选框和单击行的形式进行相应数据的获取,因为我使用的表格需要获取相应的客户编号与后台进行对接所以在前端获取相应值的时候一开始还是没有头绪的,查阅了相关资料后了解到了几个...原创 2019-10-21 15:47:55 · 760 阅读 · 0 评论