直接上代码啦
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];
}
}
}
}
})
然后就可以出效果啦
版权声明：本文为weixin_43709538原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。