vue2.0의 계산은 목록 루프의 누적 값을 계산합니다.
이번에는 리스트 루프의 누적값을 계산하기 위해 vue2.0에서 계산한 값을 가져오겠습니다. vue2.0에서 리스트 루프의 누적값을 계산하기 위해 계산한 주의사항은 무엇입니까? 사례를 살펴보겠습니다.
예제는 다음과 같습니다.
<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>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
위 내용은 vue2.0의 계산은 목록 루프의 누적 값을 계산합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











목록 작업 //목록의 선두에서 값을 삽입합니다. $ret=$redis->lPush('city','guangzhou');//목록 끝에 값을 삽입합니다. $ret=$redis->rPush('city','guangzhou');//목록의 지정된 범위에 있는 요소를 가져옵니다. 0은 목록의 첫 번째 요소를 나타내고, -1은 마지막 요소를 나타내고, -2는 끝에서 두 번째 요소를 나타냅니다. $ret=$redis->l

1:JSONArray转ListJSONArray자세한 내용은 JSONArrayJSONArrayarray=newJSONArray();array.add(0,"a");array.add(1,"b");array.add(2,"c") ;Listlist=JSONObject.parseArray(array.toJSONString(),String.class);System.out.println(list.to

Vue 오류: 계산된 속성을 데이터 계산에 올바르게 사용할 수 없습니다. 해결 방법은 무엇입니까? Vue로 개발할 때 계산된 속성은 매우 일반적으로 사용되는 강력한 기능으로, 데이터를 계산하고 처리하는 데 도움이 됩니다. 그러나 때때로 데이터 계산에 계산된 속성을 올바르게 사용할 수 없는 등의 문제가 발생합니다. 이때 이 문제를 해결해야 합니다. 다음은 이 문제를 설명하는 간단한 예입니다.<템플릿>&

Vue 구성 요소 통신: 데이터 모니터링을 위해 watch 및 계산 사용 Vue.js는 널리 사용되는 JavaScript 프레임워크이며 핵심 아이디어는 구성 요소화입니다. Vue 애플리케이션에서는 데이터를 서로 다른 구성요소 간에 전송하고 통신해야 합니다. 이번 글에서는 Vue의 Watch와 Computed를 사용하여 데이터를 모니터링하고 응답하는 방법을 소개하겠습니다. watch Vue에서 watch는 하나 이상의 속성 변경을 모니터링하는 데 사용할 수 있는 옵션입니다.

목록을 numpy로 변환하는 방법: 1. numpy.array() 함수를 사용합니다. 함수의 첫 번째 매개변수는 1차원 또는 다차원 목록일 수 있는 목록 객체입니다. 2. numpy.asarray( ) 입력 목록의 데이터 유형을 사용하기 위해 최선을 다할 함수입니다. 3. numpy.reshape() 함수를 사용하여 1차원 목록을 다차원 NumPy 배열로 변환합니다. 4. numpy.fromiter를 사용합니다. () 함수에서 함수의 첫 번째 매개변수는 반복 가능한 객체입니다.

예 이 예에서는 계속하기 전에 먼저 list.sort()의 사용법을 살펴보겠습니다. 여기서는 목록을 생성하고 sort() 메서드를 사용하여 오름차순으로 정렬했습니다. - #CreatingaListmyList=["Jacob","Harry","Mark","Anthony"]#DisplayingtheListprint("List=",myList)# SorttheListsinAscendingOrdermyList .sort(

C#에서 List.Sort 함수를 사용하여 목록을 정렬하는 방법 C# 프로그래밍 언어에서는 목록을 정렬해야 하는 경우가 많습니다. List 클래스의 Sort 기능은 이러한 목적으로 설계된 강력한 도구입니다. 이 문서에서는 C#에서 List.Sort 함수를 사용하여 목록을 정렬하는 방법을 소개하고 독자가 이 함수를 더 잘 이해하고 적용하는 데 도움이 되는 특정 코드 예제를 제공합니다. List.Sort 함수는 목록의 요소를 정렬하는 데 사용되는 List 클래스의 멤버 함수입니다. 이 함수는 수신

1. 가장 일반적인 방법(반드시 최선은 아님)은 Arrays.asList(strArray)를 사용하는 것입니다. 배열을 List로 변환한 후에는 List를 추가하거나 삭제할 수 없으며 확인하고 수정만 할 수 있습니다. 그렇지 않으면 예외가 발생합니다. . 키 코드: Listlist=Arrays.asList(strArray);privatevoidtestArrayCastToListError(){String[]strArray=newString[2];Listlist=Arrays.asList(strArray);//변환된 목록에 데이터 조각을 삽입합니다. list.add( " 1"
