我試圖按desc順序渲染資料，但是vue 3總是按asc順序渲染
state: {
entries: {
2022: {
10: {...},
11: {...},
12: {...},
...
},
2021: {
10: {...},
12: {...},
...
},
2020: {
3: {...},
8: {...},
...
},
},
}
但它總是像2020, 2021, 2022我要求的那樣呈現2022, 2021, 2020，
如何修復它
uj5u.com熱心網友回復：
整數首先按升序迭代
演示上述陳述句的小 Demo。
var jsonObj = {
3: 'March',
1: 'Jan',
5: 'May'
};
console.log(jsonObj);這就是 JavaScript 引擎識別為整數的內容，而人類識別為數字的內容是不一樣的。
為了實作順序，我們可以將該物件轉換為陣列。
演示：
const app = new Vue({
el: '#app',
data() {
return {
list: [{
3: 'March' }, {
1: 'Jan' }, {
5: 'May' }]
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js"></script>
<body>
<div id="app">
<ul>
<li v-for="(item, index) in list" :key="index">
{{ item[Object.keys(item)[0]] }}
</li>
</ul>
</div>
</body>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/427530.html
上一篇：第3遍結束時的排序演算法輸出
下一篇：使用Java8自定義排序