尝试在vue.js中创建一个就地编辑样式的编辑

Question

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

Here's a quick JSFiddle demo

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

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

另一方面，是否有推荐的输入验证库？

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

谢谢！

Answer 1

关于你的第一个问题我不认为使用普通的javascript来关注你的输入是一个问题。您也可以使用vue refs来实现此目的 见updated fiddle

这看起来并不干净，但有了参考，你可以把你想要的作为参考，你不受ids的限制，最后它是你选择使用的。

关于验证库，这里有几个：

1. Vuelidate
2. Vee Validate
3. Other ones