报错[Vue warn]:Invalid prop:custom validator check failed for prop "percentage"

摘要:
1.html部分˂/te

1.html部分

        <el-table-column prop="userzb"label="用户占比">
          <template solt-scope="scope"v-if="btnType === 1">
            <el-progress v-if="scope.row.userzb":percentage="filterData(scope.row.userzb)"color=""></el-progress>
          </template>
        </el-table-column>

2.js部分

filterData(val){
  //百分比必须为0-100,否则报错[Vue warn]:Invalid prop:custom validator check failed for prop "percentage"
  let result = 0
  if(val >0&&(val<=1)){
    result = parseFloat((val * 100).toPrecision(12))
  }
  returnresult
}

免责声明:文章转载自《报错[Vue warn]:Invalid prop:custom validator check failed for prop "percentage"》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇第九章 流量削峰技术Arduino上“Collect2.exe: error: ld returned 5 exit status”错误的解决方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue页面出现乱码,那么就需要在当前页面设置编码为utf-8

HTML出现中文乱码时修改如下:<html lang="zh-CN"> 这个必须设置zh-CN中文简体,如果设置成 lang="en" 表示英文,如果内容是中文就有可能出现乱码<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">或者可以简写为:&l...

vue中的一些用法,持续更新中......

1、跳转用法 @1、在template模板中通常使用router-link to='url' @2、在js中 1、this.$router.push({path: ''/order/index''}); 2、this.$router.push({path: '/order/page1',query:{ id:'2'}}); 3、this.$router...

学习vue 20天,我写了点东西

往昔 最初团队里使用Angularjs进行开发,刚开始还好,到了项目后期越发感觉Angularjs太重了,以至于后来重构项目时,毅然放弃Angularjs,投入了Vue的怀抱。除了组建团队时,是我搭建了基于Angularjs的前端开发框架,之后都是由前端小组开发。前段时间,由于公司层面的原因,整个团队解散,不得已我又要写前端程序了。 虽然前期Angular...

vue 后台 权限管理 三级渲染列表

下面的页面进行三级页面列表渲染 使用了el中的Layout布局 每一行占24个格     <!-- 角色列表区域 --> <el-table :data="rolelist" border stripe> <!-- 展开列 --> <el-table-column typ...

用HBuilderX 打包 vue 项目 为 App 的步骤

首先打包你的vue项目生成dist文件夹,教程请移步https://www.cnblogs.com/taohuaya/p/10256670.html 看完上面的教程,请确保你是将: 项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,打包生成的dist文件。 开始使用HB...

老vue项目webpack3升级到webpack5全过程记录(一)

背景 19年新建的vue项目,使用的是webpack3,随着项目的积累,组件的增多导致本地构建,线上打包等操作速度极慢,非常影响开发效率和部署效率,基于此问题,本次对webpack及相关插件进行了优化和升级。本博文分为2篇,第 1 篇 会直接附上可运行的代码(去除了一些业务代码配置),直接粘贴复制即可使用(注意是基于vue2.0项目原配置基础上的修改哦,在...