Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/rest/5.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 VueJs-两个数字之间循环的最佳实践_Javascript_Vue.js - Fatal编程技术网

Javascript VueJs-两个数字之间循环的最佳实践

Javascript VueJs-两个数字之间循环的最佳实践,javascript,vue.js,Javascript,Vue.js,使用a、B之间的循环和v-for,为选择选项设置值的最佳实践是什么 比如说。1900-2010年间 <option v-for="i in (1900 to 2010)" :value="i"> {{ i }} {{i} {{i+1900} 您可以将2010和1900更改为您的最大最小值 <li v-for="i in (max - min + 1)" :value="i + min"> {{ i + min }} </li> {{i+min}

使用a、B之间的循环和
v-for
,为选择选项设置值的最佳实践是什么

比如说。1900-2010年间

   <option v-for="i in (1900 to 2010)" :value="i"> {{ i }}
{{i}
  • {{i+1900}
  • 您可以将2010和1900更改为您的最大最小值

     <li v-for="i in (max - min + 1)" :value="i + min"> {{ i + min }} </li>
    
  • {{i+min}
  • 演示:

  • {{i+1900}
  • 您可以将2010和1900更改为您的最大最小值

     <li v-for="i in (max - min + 1)" :value="i + min"> {{ i + min }} </li>
    
  • {{i+min}

  • 演示:

    我更喜欢在控制器中生成这样的对象,以避免在模板中存储业务逻辑

    我使用lodash生成范围数组

    const min=1900;
    const max=2010;
    新Vue({
    el:“#应用程序”,
    数据:{
    年份:\范围(最小值、最大值+1)
    }
    })
    
    {{i}
    
    我更喜欢在控制器中生成这样的对象,以避免在模板中存储业务逻辑

    我使用lodash生成范围数组

    const min=1900;
    const max=2010;
    新Vue({
    el:“#应用程序”,
    数据:{
    年份:\范围(最小值、最大值+1)
    }
    })
    
    {{i}