Vue.js 如何在VueJS中动态使用v-for++单选按钮

朋友们，我有一个表格，我想复制多少次就复制多少次，上面只显示了一小部分，并不需要所有行：

生产维生素D p/ha sc cx 吨 有一个+按钮，它调用一个方法来复制这一行，按下一个数组，这样我就可以得到v-for：

<div v-for="(previsaoReceita, index) in previsaoReceitas">

Vue检查器显示阵列是正确的：

报税表：

 if ($request->previsaoReceitas != '') {
            $j = json_encode($request->previsaoReceitas);
            $im = str_replace('},{', ',', $j);
            $i = str_replace('","anoSafra', '"}, {"anoSafra', $im);
            return $i;
            $previsaoReceitas = new Producao();
            $previsaoReceitas->consorciado_id = $consorciado->id;
            $previsaoReceitas->producaos = $i;
            $previsaoReceitas->save();
        }

在浏览器上：

[{"anoSafra":"2016","embalagem":"cx","embalagem2":"sc","cultura":"batata","embalagem":"ton","embalagem2":"sc","areaCultivada":"100","produtividade":"100","embalagem":"sc","preco":"0.25","embalagem2":"sc"}, {"anoSafra":"2017","cultura":"batata","areaCultivada":"420","produtividade":"550"}, {"anoSafra":"2018","cultura":"batata","areaCultivada":"500","produtividade":"550"}]

您是否注意到只有第一个数组具有“embalagem”和“embalagem2”值

为什么呢？我做错了什么？

---

提前谢谢

您需要将索引添加到模板中的v-model、id和for中，以确保它们都是唯一的：

sc 确保您的previsaoReceitas数组能够处理索引，我不确定您的数据或add方法是什么样子，但它应该是这样的：

data() {
    return {
        previsaoReceitas: [
            {
                embalagem: null
            }
        ]
    };
},

methods: {
    add() {
        this.previsaoReceitas.push({
            embalagem: null
        });
    }
}

---

请再看看我的问题！我想你在构建对象时出错了，我已经为你做了一个工作，好吧，我会更深入地研究，以便更好地学习。非常感谢@Rich！

data() {
    return {
        previsaoReceitas: [
            {
                embalagem: null
            }
        ]
    };
},

methods: {
    add() {
        this.previsaoReceitas.push({
            embalagem: null
        });
    }
}