【发布时间】:2018-01-24 06:24:31
【问题描述】:
我尝试加1,但item.num是01。如何加1输入值是1,2,3,4,5...?请注意,num 必须是字符串。去jsfiddle的demo吧。
看gif:
看图:
注意:item.num += 1不需要修改!
我想要如下效果:
看javascript:
var app = new Vue({
el: "#app",
data: {
list: [{
id: "1",
name: "demo01",
num: "0"
}],
addnum: []
},
methods: {
addClick(item) {
console.log(this.addnum.push(item))
item.num+=1
},
}
})
HTML 文件:
<div id="app">
<ul>
<li v-for="item in list">
<p>{{item.name}}</p>
<br>
<input type="text" :value="item.num">
<button @click="addClick(item)">+</button>
</li>
</ul>
</div>
【问题讨论】:
-
为什么不先强制?看看这里:jsfiddle.net/9knrb919 另外,为什么首先是字符串?只需使用一个数字:jsfiddle.net/pb9u3umh
-
您应该先将 item.num 转换为数字
-
嗨,您应该为此函数使用 for 循环增量
-
类似这样的东西 or (var i = 0; i
-
您能解释一下这些限制来自哪里吗?为什么这个数字必须是一个字符串?为什么不能在自己的组件中修改一行简单的代码?在当前的上下文和代码中,这些要求对我来说毫无意义。
标签: javascript vue.js vuejs2