(Vue.js)如何从数据中的数字值数组填充选择标签和选项标签?

oli*_*oli 3 javascript arrays vue.js

我想用包含数字值数组的数组变量中的选项填充我的select标签。但是复制的值似乎是空白的

HTML:

  <select required id="dropDown">
    <option>Select here</option>
    <option v-for="choice in choices">{{ choice }}</option>
  </select>
Run Code Online (Sandbox Code Playgroud)

Javascript:

var vm = new Vue({   
el: 'body',    
data:{
    'choices': [1,2,3,4,5]
    }
});
Run Code Online (Sandbox Code Playgroud)

有人可以指出我的错误吗?因为我只是个初学者,所以我想向你们学习。

ase*_*hle 5

el选项应为Vue提供一个要安装的现有DOM元素。您已经为body提供了CSS选择器,因此Vue会尝试将其安装在body元素上。

否则,您的代码是正确的。只需将HTML包装在body标记中,它就可以工作!

var vm = new Vue({   
  el: 'body',    
  data:{
    'choices': [1,2,3,4,5]
  }
});
Run Code Online (Sandbox Code Playgroud)
<!-- Load Vue JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>

<!-- add body tags so `el: 'body'` resolves to an HTML element -->
<body>
  <select required id="dropDown">
    <option>Select here</option>
    <option v-for="choice in choices">{{ choice }}</option>
  </select>
</body>
Run Code Online (Sandbox Code Playgroud)