Vuejs使用整數數組填充select元素

Question

我正在使用Vuejs填充數字1至100的html選擇字段。我曾嘗試：

<div id="selector"> 
    <select id='row_selector' class="form-control" v-model="intArray"></select> 
</div> 

<script type="text/javascript" src="path_to/vue.js"></script> 
<script> 
const MAX_VAL = 100; 
var numArray = Array.apply(null, {length: numArray}).map(Number.call, Number) 
var app = new Vue({ 
    el: '#selector', 
    data: { 
     "intArray": numArray 
    } 
}) 

但選擇元素爲空。我是否需要使用指令來填充它？

Answer 1

查看

<div id="app"> 
    <select v-model="selected"> 
    <option v-for="n in 100" :value="n">{{ n }}</option> 
    </select> 
    <p> 
    Selected: {{ selected }} 
    </p> 
</div> 

組件

new Vue({ 
    el: '#app', 
    data: { 
    selected: '' 
    } 
})