Vue+Element Progress 进度条显示文字 %修改，使用format方法显示文字可自定义

蓝胖子的多啦A梦

3771人浏览 · 2023-09-08 16:41:39

蓝胖子的多啦A梦 · 2023-09-08 16:41:39 发布

需求

要实现这样子的将进度条里显示的文字后的 %去掉
在这里插入图片描述
主要用到 format 方法

代码

  <el-progress :text-inside="true" 
               :stroke-width="30" 
               :format="format"
               :percentage="usageA">
 </el-progress>

  methods: {
        format(percentage) {
            return percentage ? `${percentage}`  : `${percentage}`;
        },
}

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^