iterate v-for depending on selected input number iterate v-for depending on selected input number vue.js vue.js

iterate v-for depending on selected input number


Try to bind value as number like this :value="1"

Here is an example:

new Vue({  el: "#app",  data: {    selected: 0  }})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><div id="app" style="padding:20px">  <select v-model="selected" >    <option disabled :value="0">Please select one</option>    <option :value="1">1</option>    <option :value="2">2</option>    <option :value="3">3</option>  </select>  <ol>    <li v-for="i in selected">{{ 'hey' }}</li>  </ol></div>