浮点数与百分比之间的转化（封装方法）

飘走的落不离

于 2020-06-22 11:18:59 发布

阅读量2.3k

点赞数 1

文章标签： jquery 前端 html vue.js reactjs

本文链接：https://blog.youkuaiyun.com/gebieren/article/details/106898296

版权

本文介绍在前端开发中如何封装一个方法，用于在浮点数和百分比间进行转换，以适应从后台获取的数据。该方法适用于处理表格中的数据显示，方便在vue.js、reactjs等项目中复用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发过程中，从后台获取的数据百分比（31.4%）或者浮点数（0.314）需要相互转换展现在table表格中，这个时候大量的话，就需要封装成一个方法，方便随时进行调用处理，下面就提供个人在工作中封装好的方法（真实项目中，只要把方法放在utils文件下就可以）。

 <div id="app">
      <div class="validate">
        <input type="text" v-model="value" />
        浮点数转化成百分比：<span>{
  {result}}</span><br />
        <br />
        <input type="text" v-model="value1" />
        百分比转化成浮点数：<span>{
  {results}}</span>
      </div>
    </div>
    <script src="vue.js"></script>
    <script>
      const vm = new Vue({
        el: '#app',
        data: {
          value: '',
          value1: ''
        },
        computed: {
          result: function() {
            return this.floatToPercent(this.value, t