Javascript 使用v-for反向循环数字范围?
我有一个简单的v-for循环,从1到5循环5次,但是我想从5到1反向循环?这可能吗?我正在向列表项添加一个类,我希望从顶部将列表项从最满填充到最不满 添加|反向不起作用 {{n}}Javascript 使用v-for反向循环数字范围?,javascript,for-loop,vue.js,Javascript,For Loop,Vue.js,我有一个简单的v-for循环,从1到5循环5次,但是我想从5到1反向循环?这可能吗?我正在向列表项添加一个类,我希望从顶部将列表项从最满填充到最不满 添加|反向不起作用 {{n}} 数组过滤器在v2中不再工作。但是你可以自己做一个相反的方法 […Array5.keys].slice.reverse中的n起作用,因此: Vue.config.productionTip=false; Vue.config.devtools=false; 新Vue{ el:“应用程序”, 方法:{ 反向{ 返回[
数组过滤器在v2中不再工作。但是你可以自己做一个相反的方法 […Array5.keys].slice.reverse中的n起作用,因此: Vue.config.productionTip=false; Vue.config.devtools=false; 新Vue{ el:“应用程序”, 方法:{ 反向{ 返回[…Arrayn.keys].slice.reverse } } } .额定值,.集装箱{ 显示器:flex; 列表样式类型:无; 保证金:0; } 李先生{ 宽度:1em; 高度:1公厘; 边框:1px实心ddd; 边界半径:.5rem; 保证金:.1rem; } .填充{ 背景色:eee; } {{n+1}}
数组过滤器在v2中不再工作。但是你可以自己做一个相反的方法 […Array5.keys].slice.reverse中的n起作用,因此: Vue.config.productionTip=false; Vue.config.devtools=false; 新Vue{ el:“应用程序”, 方法:{ 反向{ 返回[…Arrayn.keys].slice.reverse } } } .额定值,.集装箱{ 显示器:flex; 列表样式类型:无; 保证金:0; } 李先生{ 宽度:1em; 高度:1公厘; 边框:1px实心ddd; 边界半径:.5rem; 保证金:.1rem; } .填充{ 背景色:eee; } {{n+1}} 简单地
<div v-for="i in 5" :key="i" class="my-1 pointer d-flex justify-content-between">
<div>{{6-i}}</div>
</div>
简单地
<div v-for="i in 5" :key="i" class="my-1 pointer d-flex justify-content-between">
<div>{{6-i}}</div>
</div>
厚颜无耻的方法{{5-n+4%5}}厚颜无耻的方法{{5-n+4%5}通过内联if语句在{{}内生成自己的条件,如reverse?usei:use6-i通过内联if语句在{{}内生成自己的条件,比如reverse?使用i:使用6-i