element的table的scope类型如何定义？

作者站长头像
站长
· 阅读数 14

vue3用element的table组件

<el-table-column prop="status" label="状态" align="center">
          <template #default="scope">
            <el-tag
              :type="scope.row.status ? 'success' : 'danger'"
              class="mx-1"
              effect="dark"
            >
              {{ scope.row.status ? "启用" : "禁用" }}
            </el-tag>
          </template>
        </el-table-column>

scope的类型如何定义，status万一拼错了，也发现不了，很尴尬

回复
1个回答
avatar
test
2024-07-20
interface Info {
    status: boolean
}

模板里面做类型断言 {{ (scope.row as Info).status }}

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容