Heim  >  Artikel  >  Web-Frontend  >  Die Berechnung von vue2.0 berechnet den kumulativen Wert der Listenschleife

Die Berechnung von vue2.0 berechnet den kumulativen Wert der Listenschleife

php中世界最好的语言
php中世界最好的语言Original
2018-03-28 15:14:582914Durchsuche

Dieses Mal bringe ich Ihnen den berechneten Wert von vue2.0 zur Berechnung des kumulativen Werts der Listenschleife. Was sind die Vorsichtsmaßnahmen für vue2.0 berechnet, um den kumulativen Wert der Listenschleife zu berechnen? . Das Folgende ist ein praktischer Fall.

Das Beispiel ist wie folgt:

<template>
 <p class="hello">
  <h1>{{ msg }}</h1>
  <h2>Foo</h2>
  <p v-for ="(item, index) in list">
  <!--<p>{{item }}</p>-->
  <h1 v-show="false">{{a[index] = item.bb}}</h1>
   <!-- <h1>index:{{index}}</h1>-->
  </p>
  <h2>a:{{a}}</h2>
  <h2>{{cc}}</h2>
  <!--<button v-on:click="cc">点击</button>-->
 </p>
</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>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf PHP-Chinesisch. Weitere verwandte Artikel online!

Empfohlene Lektüre:

So ändern Sie den Wert in Vue-Anfragedaten

So legen Sie $set auf ein Array fest im vue.js Update

Das obige ist der detaillierte Inhalt vonDie Berechnung von vue2.0 berechnet den kumulativen Wert der Listenschleife. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn