배열의 새 데이터

Question

각 데이터 배열에 데이터를 추가하는 세 개의 입력이 필요합니다.

입력은 다음과 같습니다

는

<input type="range" min="0" max="10" step="1" v-model="newData">{{ newData }} 
<button @click="addData(newData, 'first')">Add</button> 

및 스크립트

const app = new Vue({ 
    el: '#app', 
    data: { 
    newData: 5, 
    dimensions: [ 
    { 
     title: 'first', 
     data: [0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 0] 
    }, 
    { 
     title: 'second', 
     data: [1, 3, 8, 1, 2, 3, 3, 3, 5, 1, 9, 2, 4, 6, 0] 
    }, 
    { 
     title: 'third', 
     data: [6, 1, 6, 1, 2, 5, 3, 9, 5, 1, 0, 2, 4, 4, 10] 
    }] 
    }, 
    methods: { 
    addData() { 
     ??? 
    } 
    } 
}) 

내는, addData 방법은 어떤 종류를해야합니까? 나는 특정한 차원을 추구 할 수 없다. 나는 새로운 것을 추가 할 수 있습니다. 누군가가 나를 도울 수있는 경우 :

Answer 1

는 두 개의 매개 변수, 데이터와 밀어하는 차원을 허용하도록 addData() 방법을 변경

나는 기뻐요. 그런 다음 다음과 같이 표시되어야합니다.

addData(mData, mDimension) { 
    this.dimensions.forEach((dimension) => { 
    if (dimension['title'] === mDimension) { 
     dimension['data'].push(parseInt(mData)); 
    } 
    }); 
} 

메서드 호출시 데이터와 차원을 전달해야합니다.