小编Jef*_*rey的帖子

我创建了一个包含三个元素的组件"my-item":一个下拉列表(由"itemList"填充)和从下拉列表中填充的两个输入框.该组件被认为是一行.

我试图一次添加和删除一行,但我不确定两件事.(1)要添加到行数组中的内容？(2)为什么this.rows.splice(index,1)只删除最后一行？

https://jsbin.com/mugunum/edit?html,output

谢谢

<div id="app">
    <my-item v-for="(row, index) in rows"
         :itemdata="itemList"
          v-on:remove="removeRow(index)">
    </my-item>
<div>
    <button @click="addRow"> Add Row </button>
</div>
</div>

<template id="item-template">
<div>
    <select v-model="selected">
        <option v-for="item in itemdata"  :value="item">
           {{ item.code }}
        </option>
    </select>
    <input type="text" placeholder="Text" v-model="selected.description">
    <input type="text" placeholder="value" v-model="selected.unitprice">
    <button v-on:click= "remove"> X </button>
</div>
</template>

Vue.component('my-item', {
props: ['itemdata'],
template: '#item-template',
data: function () {
    return {
    selected: this.itemdata[0]
    }
},
methods: {
    remove() {
        this.$emit('remove');
    }
}
}),

new Vue({
el: "#app", …

我只是注意到.phpintelLaravel文件结构顶部有一个文件夹.它来自哪里,是否有必要,我gitignore可以吗？