[已解决] Vue.js数据绑定的问题

问题描述

问 题

现在需要在HTML里的一个下拉菜单中，动态绑定数据到下拉列表。

<select id="selStyle">

<option  v-for="item in optionList" value={{item.ID}}>{{item.name}}</option>

</select>

绑定的是一个JSON格式的数据，JSON里有ID和name属性。

现在运行结果是下拉菜单的文字显示正常({{item.name}}),但是option里的value部分并没有显示{{item.ID}}的值，而是把{{item.ID}}当成了字符串赋值了。

这应该怎么修改？

---

已解决

解决方案

补充一下,直接用简写:value="item.id"即可,可以看这篇我的回答

这篇关于[已解决] Vue.js数据绑定的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！