按百分比值对nuxt中的json进行排序
因此,我从本地json(稍后将有新条目)创建了这个条形图。到目前为止,一切顺利。问题是我无法从最高百分比到最低百分比进行排名。我尝试了一些我在这里读到的东西,但什么都没有,无论如何,我并不真正喜欢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”
{
《泰晤士报》:[
{
“名称”:“弗拉门戈”,
“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
})
}
}