Vuejs2 输入数组，对于新添加，最后一个字段始终为空

下面是JSBin和Stackoverflow代码段

我正在尝试创建一个输入组件列表。如果所有输入组件都填充了一个值（不是空的），那么在末尾应该有一个“新的空白字段”，供用户输入。当他输入时，它应该使这个字段成为上面列表中的一部分，并在其中保持焦点

然而，我遇到的问题是，焦点保持在新字段中，并且从不移动到数组中。这是我的密码：

JSBIN和stackoverflow代码段-

const-app=新的Vue({
el:“#应用程序”，
数据：{
投入：[
{id:'foo'，value:'foo'}，
{id:'bar'，value:'bar'}
]
},
方法：{
阿德罗（e）{
这是推({
id:Date.now（），
价值：即目标价值
})
},
删除行（索引）{
本.输入.拼接（索引，1）
}
}
})

我建议您将列表的输入放在计算函数中，而不是直接使用数据。上的示例是一个很好的起点