动态渲染一个表格，现在需要将其中三列的数据变成链接形式，点击可以跳转到另一个页面？

Z时代
2024-02-08
分类：IT

<el-table-column
          show-overflow-tooltip
          resizable
          v-for="(item, i) in cols"
          :key="i"
          align="center"
          :prop="item.prop"
          :label="item.label"
          :sortable="item.prop != 'processdetail'"
        >        </el-table-column>

cols: [
        { prop: "process", label: "工序" },
        {
          prop: "processdetail",
          label: "工序详细",
        },
        { prop: "productcount", label: "生产数量" },
        { prop: "OKcount", label: "OK数量" },
        { prop: "NGcount", label: "NG数量" },
        { prop: "OKpercent", label: "OK率" },
        { prop: "NGpercent", label: "NG率" },      ],

回答：

使用插槽
加个字段是否可跳转插槽中做判断

回答：

<el-table-column
    show-overflow-tooltip
    resizable
    v-for="(item, i) in cols"
    :key="i"
    align="center"
    :sortable="item.prop != 'processdetail'"
    v-bind=item
>
    <template #default={ row, $index }>
        <span v-if="item.prop === aaa">
        </span>
        <span v-else-if="item.prop === bbb">
        </span>
        <span v-else>
            {{ row[item.prop] }}
        </span>
    </template></el-table-column>