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)
有人可以指出我的错误吗?因为我只是个初学者,所以我想向你们学习。
该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)
| 归档时间: |
|
| 查看次数: |
6111 次 |
| 最近记录: |