iview在列表中使用進度條

iview中的列表使用進度條,需要使用render函數:

 代碼:

        {
          title: "進度",
          key: "progress",
          align: "left",
          minWidth: 100,
          render: (h, params) => {
            return h(
              "Progress",
              {
                props: {
                  type: "Progress",
                  size: "small",
                  percent: parseFloat(
                    params.row.progress == null ? 0 : params.row.progress
                  ),
                },
              },
              params.row.progress == null ? "0%" : params.row.progress + "%"
            );
          },
        },