总计list循环后累计值的实例_vue,总计list循环后累积值的实例

 新葡新京     |      2019-12-16 19:12

vue2.0 computed 总计list循环后累积值的实例,vue2.0computed

新葡新京,总计list循环后累计值的实例_vue,总计list循环后累积值的实例。实举个例子下所示:

<template>
 <div class="hello">
  <h1>{{ msg }}</h1>
  <h2>Foo</h2>
  <div v-for ="(item, index) in list">
  <!--<p>{{item }}</p>-->
  <h1 v-show="false">{{a[index] = item.bb}}</h1>
   <!-- <h1>index:{{index}}</h1>-->
  </div>
  <h2>a:{{a}}</h2>
  <h2>{{cc}}</h2>
  <!--<button v-on:click="cc">点击</button>-->
 </div>
</template>
<script>
export default {
 name: 'foo',
 data () {
  return {
   msg: '这儿是Foo',
   list:[{
     insertId: 'asfasf252',
     bb:29
   },{
    insertId: '2652',
     bb:20
   },{
    insertId: '996',
     bb:18
   }],
   a:[]
  }
 },
 computed:{
   cc: function(){
     var sum = 0;
     for(var i= 0 ;i< this.a.length; i++) {
        sum += parseInt(this.a[i]);
     }
     return sum;
   }
 }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
 font-weight: normal;
}
ul {
 list-style-type: none;
 padding: 0;
}
li {
 display: inline-block;
 margin: 0 10px;
}
a {
 color: #42b983;
}
</style>

如上那篇vue2.0 computed 总计list循环后累积值的实例正是小编分享给大家的全部内容了,希望能给大家三个参谋,也意在大家多多点拨帮客之家。

computed 总结list循环后累计值的实例,vue2.0computed 实比方下所示: template div class="hello" h1{{ msg }}/h1 h2Foo/h2 div v-for ="(item, index卡塔尔 in list" !...

实比方下所示:

  {{ msg }} Foo   {{a[index] = item.bb}}   a:{{a}} {{cc}}  export default { name: 'foo', data () { return { msg: '&#36825;&#20799;&#26159;Foo', list:[{ insertId: 'asfasf252', bb:29 },{ insertId: '2652', bb:20 },{ insertId: '996', bb:18 }], a:[] } }, computed:{ cc: function(){ var sum = 0; for(var i= 0 ;i&lt; this.a.length; i++) { sum += parseInt; } return sum; } }}h1, h2 { font-weight: normal;}ul { list-style-type: none; padding: 0;}li { display: inline-block; margin: 0 10px;}a { color: #42b983;}

上述那篇vue2.0 computed 总结list循环后累计值的实例正是我分享给大家的全部内容了,希望能给大家贰个参阅,也盼望我们多多指教脚本之家。

上一篇:没有了 下一篇:没有了