Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用v-for反向循环数字范围?_Javascript_For Loop_Vue.js - Fatal编程技术网

Javascript 使用v-for反向循环数字范围?

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:“应用程序”, 方法:{ 反向{ 返回[

我有一个简单的v-for循环,从1到5循环5次,但是我想从5到1反向循环?这可能吗?我正在向列表项添加一个类,我希望从顶部将列表项从最满填充到最不满

添加|反向不起作用

{{n}}
数组过滤器在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