首页 > 其他分享 >elementplus tag数组。并且表格不换行,宽度自定义

elementplus tag数组。并且表格不换行,宽度自定义

时间:2023-05-18 15:13:58浏览次数:36  
标签:elementplus 自定义 表格 换行 tag 数组

修改bug

bug 那些tag要是没有内容的话全部加上

  <el-tag v-if="scope.row.label">{{ scope.row.label }}</el-tag>

以及兴趣栏目其实是tag数组。并且表格不换行,宽度自定义

 <el-table  
      style="width: 100%"
       border
    >
<el-table-column :label=" t('interest') " class="custom-column" width="600">
        <template #default="scope">
        
          <div  v-if="scope.row.interest.length != 0">
      <el-tag v-for="tag in scope.row.interest" style="margin-right: 1%;">{{tag}}</el-tag>
    </div>
        </template>
      </el-table-column>
```![](/i/l/?n=23&i=blog/3004543/202305/3004543-20230518145950922-361920088.png)

标签:elementplus,自定义,表格,换行,tag,数组
From: https://www.cnblogs.com/xxdmua/p/17411999.html

相关文章

  • 自定义全局监听事件( $on $emit $off )
    app.jsApp({handlerGather:{},onLaunch:function(){const_that=thiswx.$on=function(event,fn){if(Array.isArray(event)){event.forEach(item=>{wx.$on(item,fn)})}else{(_that.......
  • 【React】自定义水印方法
    创建水印方法:constsetWaterwark=({//使用ES6的函数默认值方式设置参数的默认取值container=document.body,width='250px',height='160px',textAlign='left',textBaseline='bottom',font='15pxM......
  • vue自定义组件——search-box
    github地址:https://github.com/lxmghct/my-vue-components组件介绍props:value/v-model:检索框的值,default:''boxStyle:检索框的样式,default:'position:fixed;top:0px;right:100px;'highlightColor:高亮颜色,default:'rgb(246,186,130)'......
  • 【Echarts】tooltip自定义提示框
    1组件可直接使用。2tooltip:{3show:true,4trigger:'axis',5confine:true,6padding:0,7borderWidth:0,8backgroundColor:'rgba(1,1,1,0)',9//axisPointer:{10......
  • 求教一个问题,关于elementplus的el-input-number组件问题
    问题描述:我想让组件默认展示placeholder的值,但是他默认显示的是0,网上搜到的方法都是说将默认值设成undefined,但是我试了并不好用问题代码如下: <el-input-numberv-model="state.form.throwTargetNum"class="range-input":......
  • Linux- 环境变量和自定义配置
    环境变量查看查看当前用户的全部环境变量:env,可以结合env|grep筛选信息查看当前系统的全部环境变量:export查看指定环境变量:printenv$env_name或者echo$env_name清除指定环境变量的值:unset$env_name常用环境变量PATH可执行程序的搜索目录,可执行程序包括Linux......
  • AutoMagic设计思路简介及新增自定义关键字实例
    目录  简介  AutoMagic介绍  SeleniumKey介绍  自定义关键字简介AutoMagic是一个基于WebUI的自动化管理平台。为什么叫AutoMagic呢?因为自动化在执行起来的时候是一个很神奇的事情,它可以无人值守的模拟人的操作,就像魔术(Magic)一样。所以我给她取名叫AutoMagic。Aut......
  • Newtonsoft.JSON 自定义JsonConverter
    引用:https://www.cjavapy.com/article/2513/https://www.cnblogs.com/weihanli/p/11080531.htmlhttps://www.cnblogs.com/Lulus/p/16968656.htmlhttps://www.cjavapy.com/article/2513/https://www.cnblogs.com/net-sky/p/16563025.htmlpublicclassDecimalConver......
  • mybatis自定义类型转换器
    Mybatis类型转换介绍[url]http://haohaoxuexi.iteye.com/blog/1847854[/url]mybatis提供了对自定义的类型转换器(typeHandler)的支持,因此我们可以自己编写类型转换器来实现这一自动转换的功能。[b][color=red]注意:1.使用的时候,resultMap也select的SQL......
  • WM_技术中台下终搜的技术解决方案-stage1 mysql->logstash->es 数据采集并处理 暂时
    1技术中台与终搜介绍1.1技术中台与终搜介绍中台产生的背景中台(技术、业务、数据)最早是阿里巴巴提出来的。2015年阿里进行过一次架构调整,将搜索事业部、共享业务平台、数据技术及产品部组成了中台事业群。并喊出“小前台,大中台”的管理模式。什么是中台中台是介于前台......