尝试在vue.js中创建就地样式表单

Question

这是我用vue创建任何东西的第一次尝试。

这是一个快速的JSFiddle演示

我正在尝试创建一个无需输入即可显示值的表单，然后单击，将显示输入。我设法使模型“工作”，但是我不确定这是否是正确的方法。我不太确定：

Vue.nextTick(function() {
  document.getElementById(field.id).focus();
});

另一方面，是否有推荐的输入验证库或其他东西？

我真的很感谢这里的任何指导方针：wink：

谢谢！

Answer 1

关于您的第一个问题，我认为使用普通javascript专注于您的输入没有问题。您也可以使用vue实现此功能。refs 查看更新的小提琴

这看起来并不干净，但是有了refs，您就可以将所需的内容用作ref，并且您不受ID的限制，最终可以选择使用什么。

关于验证库，这里有一些：

1. 絮状
2. Vee验证
3. 其他的