푸시

Question

내가 Vue.js 2에서 계산 된 속성과에서 배열로 밀어 찾고 있어요

는, 뷰는 Laravel 내에서 사용하고 난 다음 무엇입니까 2 응답.

createSelection : 다음 코드를 사용하고

"(평가시 오류)"실제로는 아무것도 안

<template> 
    <div> 
    <div>Credits carried through: {{ credits }}</div> 
    <div v-for="meal in meals"> 
     {{meal}} 
     <input :id="meal" :name="meal" v-model.number="creditsPerMeal[meal]" type="number"> 
    </div> 
    <div> 
     Credits used: {{creditsSum}}/{{credits}} 
    </div> 
    </div> 
</template> 

<script> 
    export default { 

    mounted() { 
     console.log('Component ready.'); 

     console.log(JSON.parse(this.f)); 

    }, 

    props: ['f','c'], 

    name: 'credits', 
    data: function() { 
    var meals = JSON.parse(this.f) 

    var creditsPerMeal = {} 
    for (var i = 0; i < meals.length; i++) { 
     creditsPerMeal[meals[i]] = 0 
    } 

    var createSelection = [] 


     return { 
     credits: this.c, 
     meals, 
     creditsPerMeal 
     } 
    }, 

    computed: { 
     creditsSum() { 
     return Object.values(this.creditsPerMeal).reduce((a, b) => a + b, 0) 
     }, 

     createSelection: function(){ 
     for (var i = 0; i < meals.length; i++) { 
      createSelection.push({ 
       food: meals[i], 
       quantity: creditsPerMeal[meals[i]] 
      }) 
      } 
     } 
    } 
    } 
</script> 

Answer 1

계산 된 방법 뭔가를 반환해야하고, 단지 계산 무언가와 반환. 계산 된 메소드에는 전혀 리턴 값이 없습니다. 모든 먼저 방법에 푸시 논리를 이동 :

computed: { 
     creditsSum() { 
     return Object.values(this.creditsPerMeal).reduce((a, b) => a + b, 0) 
     }, 
    }, 
    methods: { 
     createSelection(){ 
      for (var i = 0; i < meals.length; i++) { 
       createSelection.push({ 
       food: meals[i], 
       quantity: creditsPerMeal[meals[i]] 
       }) 
      } 
     } 
    } 

또한 error during evaluation이 문제에 대한 설명하지 않고하지 뷰의 문제처럼 보이는, 더 자세한 오류를 제공 할 수있다? 그것은 단지 콘솔을 뷰의 개발 도구에 표시하지로 답장을 보내