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 + "%"
            );
          },
        },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM