怎样使用Vue计算属性对number属性的数组求和
直接上代码啦body中<div id="app"><input type="number" v-model.number="arr2[0]"><br /><input type="number" v-model.number="arr2[1]"><br /><input type="number" v-model.number="a
·
直接上代码啦
body中
<div id="app">
<input type="number" v-model.number="arr2[0]"><br />
<input type="number" v-model.number="arr2[1]"><br />
<input type="number" v-model.number="arr2[2]"><br />
<input type="number" v-model.number="arr2[3]"><br />
<input type="number" v-model.number="arr2[4]"><br />
数组的和为:<p v-text="msg"></p>
</div>
js中
/* 使用计算属性对 data 对象中的一个 Number 类型数组求和。*/
var app = new Vue({
el: "#app",
data: {
arr2: new Array(),
sum:0
},
computed: {
msg:{
get:function(){
for (let i = 0; i < this.arr2.length; i++) {
return this.sum+=this.arr2[i];
}
}
}
}
})
然后就可以出效果啦
更多推荐
已为社区贡献3条内容
所有评论(0)