本文共 393 字，大约阅读时间需要 1 分钟。

在 Element UI Table 的官网上，有一个“筛选”功能，里面可以利用 slot-scope，给表格记录打标签。

关键代码为：

• 这里首先利用 slot-scope 属性（Vue 2.6.0 已废弃）将子组件的数据（row.tag）传递给了父组件。
• 利用三元表达式为 <el-tag> 标签设定样式。

实践过程中，发现这个三元表达式没法应用。因为实际业务场景，记录类型肯定不止两个啊！

这时，就该条件渲染指令出场了：

   
    {
  {scope.row.state}}
   
   
    {
  {scope.row.state}}
   
   
    {
  {scope.row.state}}
   

运行结果：

官网只是基本用法，真正实践还是要靠积累与总结哦O(∩_∩)O哈哈~

转载地址：https://deniro.blog.csdn.net/article/details/101845271 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！