Google浏览器使用element-ui中的el-tag组件时，右下角有个黑点(火狐浏览器不会)问题：

就是滴九点半

于 2024-03-06 14:33:28 发布

阅读量615

点赞数 8

文章标签： ui vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_46002095/article/details/136505423

版权

文章讨论了在使用ElementUI中的El-Table时，如何处理状态列（如已下架）的显示，以及如何通过调整列宽和使用El-Tag组件来更新其样式。解决方案涉及模板修改和列宽设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

问题代码：

<el-table-column prop label="状态" width="68" align="center">
    <template>
      <el-tag size="small" type="danger">已下架</el-tag>
    </template> 
  </el-table-column>

解决：

解决代码：

<el-table-column prop label="状态" width="78" align="center">
    <template>
      <el-tag size="small" type="danger">已下架</el-tag>
    </template> 
  </el-table-column>

总结：将它变宽