
Element-UI
AXIMI
这个作者很懒,什么都没留下…
展开
-
【Element-UI笔记】使用面包屑(breadcrumb)来导航
什么是面包屑导航一般页面内容上方都会有一个路径导航,这个导航就是面包屑导航。例如:上面这个图表示我们当前的页面是Breadcrumb面包屑,上一级目录是组件页面,再上一级目录是Element UI页面。当我们点击这些目录时会返回到对应的页面中去。再例如:上面这个图表示我们当前所在的位置是活动详情页面,上一级目录是活动列表页面…以此类推。这些就是面包屑导航。Element-UI如何实...原创 2019-04-22 14:48:17 · 18825 阅读 · 1 评论 -
【Element-UI】解决el-icon图标显示不出来的问题
element-ui 图标icon的使用详见官网:https://element.eleme.cn/#/en-US/component/icon问题背景:vue框架中使用element-ui,我的vue工程是使用脚手架创建的,是个vue webpack项目。遇到的问题是:在vue中加入elment-ui中的图标,但是页面上没有显示。页面部分代码为:<el-menu-item i...原创 2019-04-28 11:00:35 · 85967 阅读 · 24 评论 -
【Element-UI】走马灯(Carousel)中图片的处理问题
为了让图片适应走马灯窗口的大小,可以做如下处理:首先将图片裁剪到走马灯的尺寸大小,然后在走马灯中插入图片时处理一下图片的宽度。例如我这里设置了一个走马灯:图片的尺寸差不多和走马灯的尺寸一样。如果直接将图片插入到走马灯中,element-ui会拉伸图片使得图片失真。可以将代码修改如下:(页面的背景是vue框架下的element-ui,vue组件中有template script和style...原创 2019-04-28 17:17:48 · 13473 阅读 · 2 评论 -
【Element-UI】在vue中将组件调整为英文(国际化)
Element-UI的默认语言是中文,组件中的文字都是中文的,例如:日历组件里面显示的文字是"年"和"月"。为了让页面显得高大上一下,可以将这些组件调成英文的形式,首先在工程文件的文件夹下找到这个文件:node_modules/element-ui/lib/locale/lang/en这里lang文件夹下面的文件是这样的:然后在main.js文件中引入这个文件下的locale:...原创 2019-08-15 18:00:27 · 13749 阅读 · 11 评论 -
【vue】过滤器调整element表格的数据(四舍五入,加单位)
问题背景一般我们将数据显示到element 表格是直接显示的,如下所示:这里tableData是个数组,数组里面的元素是一个个的字典,长这样:显示到表格里是这样:可以看到这里面所有的数据都是从后端传过来直接显示的,但是如果我想进行一些例如四舍五入或者加单位之类的操作呢?这里就可以考虑使用过滤器。解决方式过滤器添加在这个位置:和data数据,methods方法集处于平级位置,...原创 2019-09-10 10:54:18 · 2932 阅读 · 0 评论 -
【Element-UI】树 默认高亮一个节点
问题描述我希望每次刷新页面时,都默认高亮树的第一个子节点。如图所示,树的第一个子节点ap-southeast-1背景是淡蓝色的,处于高亮状态。实现方式首先树节点的数据格式如下:每个节点都包含了一个id和标签label。id用于标记这个节点,label用于节点具体显示的内容。前端页面的格式如下:这里我设置了以下内容:ref="vueTree"指代这颗树名为vueTreen...原创 2019-09-19 15:29:02 · 5778 阅读 · 0 评论