使用VueJs

时间:2016-04-15 16:39:07

标签: vue.js

我是Vue的新手!我想构建一个带有值的简单选择字段: “0”=> “没有年龄限制”,6 - > 90

所以,我想用v-for建立6到90,但我不知道该怎么做,仍然有最初的“没有年龄限制”

知道该怎么做???

1 个答案:

答案 0 :(得分:2)

它应该是这样的:



<body>
  <select>
    <option value="0">No age limit</option>
    <option :value="n+6" v-for="n in 85">{{n+6}}</option>
  </select>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.min.js"></script>
  <script>
    new Vue({
      el: 'body'
    })
  </script>
</body>
&#13;
&#13;
&#13;