Vuejs -列表项操作和每个项的验证
Vuejs -列表项操作和每个项的验证
提问于 2016-04-12 07:37:47
该应用程序接收到一个json项目列表。
此列表包含4个元素：
idnamecodemax_cost资料来源：{ itemList：{id: 0，名称：'Apple'，代码：'007'，max_cost: 50}，{id: 1，名称：'Pear'，代码：'008'，max_cost: 25}，{id: 2，名称：'Chees'，代码：'006'，max_cost: 75}，
显示列表很容易。作为显示的一部分，必须输入每个项目的成本。
<ul v-for="item in itemList">
<li >
{{ item.name }}
<input type="text" v-model="item.cost" value="25" v-on="change: verifyCost(item)">
</li>
</ul>应用程序必须验证输入的成本小于或等于项目的最大成本。如果超过了项目的最大成本，应用程序必须将成本设置为最大成本。
methods: {
verifyCost: function(item){
if(item.cost >= item.max_cost){
alert('Max cost exceeded');
item.cost = item.max_cost;
}
},},
请看“小提琴”：https://jsfiddle.net/daanjacobs/0ym20pye/6/
谢谢你的帮助，我相信这是我错过的小东西。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-04-12 08:42:02
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36566610
复制相关文章
相似问题
腾讯云开发者
