按百分比值对nuxt中的json进行排序

按百分比值对nuxt中的json进行排序,json,vue.js,nuxt.js,Json,Vue.js,Nuxt.js,因此,我从本地json(稍后将有新条目)创建了这个条形图。到目前为止,一切顺利。问题是我无法从最高百分比到最低百分比进行排名。我尝试了一些我在这里读到的东西,但什么都没有,无论如何,我并不真正喜欢Nuxt json { 《泰晤士报》:[ { “名称”:“弗拉门戈”, “logo”:“/img/about fgf.png”, “百分比”:“100%” }, { “姓名”:“Amando”, “logo”:“/img/about fgf.png”, “百分比”:“18%”, “信件”:“abc”

因此,我从本地json(稍后将有新条目)创建了这个条形图。到目前为止,一切顺利。问题是我无法从最高百分比到最低百分比进行排名。我尝试了一些我在这里读到的东西,但什么都没有,无论如何,我并不真正喜欢Nuxt

json

{
《泰晤士报》:[
{
“名称”:“弗拉门戈”,
“logo”:“/img/about fgf.png”,
“百分比”:“100%”
},
{
“姓名”:“Amando”,
“logo”:“/img/about fgf.png”,
“百分比”:“18%”,
“信件”:“abc”
},
{
“名称”:“黑色”,
“徽标”:https://cdn.worldvectorlogo.com/logos/clube-regatas-flamengo.svg",
“百分比”:“26%”
}
]
}
<div class="boxRanking" v-for="time in timeSorted" :key="time.name">
computed: {
  timeSorted() {
    return this.times.sort((a,b) => {
      const aPercentage = +(a.percentage.split('%')[0])
      const bPercentage = +(b.percentage.split('%')[0])
      return bPercentage - aPercentage
    })
  }
}