vue data中list中的list数组中小数转百分数

可以使用 v-for 指令循环遍历 list 数组中的每个对象，然后再使用 v-for 指令循环遍历每个对象中的 list 数组中的每个小数，通过 Math.round 方法将小数转换为整数，再除以 100 得到百分数。

示例代码如下：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <div>{{ item.title }}</div>
        <ul>
          <li v-for="(num, i) in item.list" :key="i">
            {{ Math.round(num * 100) / 100 }}% <!-- 小数转百分数 -->
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          title: '第一个列表',
          list: [0.123, 0.456, 0.789]
        },
        {
          title: '第二个列表',
          list: [0.111, 0.222, 0.333]
        }
      ]
    }
  }
}
</script>

输出结果如下：

第一个列表
12.3%
45.6%
78.9%

第二个列表
11.1%
22.2%
33.3%