2017-12-18 111 views
0

我想有三個輸入數據添加到每個數據數組。新的數據到陣列

輸入如下:

<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方法是什麼樣的?我無法推到特定的層面。我只是設法添加一個新的。

我很高興,如果有人能幫助我:)

回答

2

更改addData()方法接受兩個參數,數據和其推維度。然後它應該如下所示:

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

不要忘記在您的方法調用中傳遞數據和維度。

+0

謝謝:) 如何在方法調用中傳遞數據和維度? – bbbmazon

+0

你會像其他方法一樣通過它們。所以'@ click =「addData(newData,'first')」',例如。 – HEATH3N

+0

我仍然得到_ReferenceError:尺寸未定義_ from addData方法 – bbbmazon