
element
香荣如梦
这个作者很懒,什么都没留下…
展开
-
使用el-tag文字过长超出隐藏
el-tag的使用在项目中使用el-tag的时候遇到了文字过长的问题,而tag不能换行,我使用的方法是截取字符串超过多吵得长度就截取到显示…<el-tag v-for="(tag,index) in tags" :key="tag.name" closable @close="handleClose(tag,index)"> {{tag.name_zh.length>50?tag.name_zh.substring(0,49)+'...':tag.name_zh原创 2020-08-13 17:03:27 · 7942 阅读 · 1 评论 -
element中合并单元格的使用
合并单元格在HTML中使用elementui-table<el-table :data="tableData" style="width: 100%" border :span-method="arraySpanMethod" > <el-table-column prop="type" :label="$t('i18n.productType')" width="130"> <temp原创 2020-08-13 16:42:12 · 702 阅读 · 0 评论 -
使用el-image引入相对路径的图片报错
在vue中使用elementui中的组件el-image引入相对路径图片报错的解决办法原因:assets目录下的资源文件引入错误是因为在使用webpack打包的时候路径发生了变化,并且文件名也会改变只有public文件夹下的文件是原样打包的不会改变使用的时候通过require引入即可<el-image src="require('../../../assets/img/xxx.jpg')"></el-image>或者在data中定义:data(){ return {原创 2020-07-23 21:14:22 · 6619 阅读 · 0 评论 -
使用element中el-table动态增减表头列的时候出现抖动闪动的问题
el-table表格抖动的解决办法动态切换表头的时候闪烁是因为表头重新计算高度导致的,重写表格样式即可//重写表格样式,不在自动计算,解决表格渲染时闪烁问题//不写这个使用v-if重新渲染表格的时候会再次计算下宽高,导致了抖动div高度=table容器高度/行数.el-table .cell{ height:20px!important;}表头变动的时候数据可能会下掉,使用element中的dolayout函数解决element中写到:doLayout方法 对Table进行重新布局。当原创 2020-07-06 10:03:41 · 7497 阅读 · 3 评论