如何验证从数据库预填充的vuejs字段？

Question

我想验证vuejs中表单的输入，当数据预先填充时，我希望输入转换为只读。

<input type="number" name="cf_962" class="form-control" v-model="fillProfile.cf_962" step="0.1" :readonly="(fillProfile.cf_962>0.00) ? true : false">

现在的问题是，如果值大于0，我总是写在输入上，输入是只读的，而我不希望这样。用vuejs 2怎么办？。谢谢。

Answer 1

您可以尝试使用v-once指令轻松实现

<input type="number" name="cf_962" class="form-control" v-model="fillProfile.cf_962" step="0.1" :readonly="(fillProfile.cf_962>0.00) ? true : false" v-once>

如文档中所述

  

您还可以执行一次插值，该插值不会更新   使用v-once指令更改数据，但请记住，   也会影响同一节点上的任何其他绑定

通过v-once，您可以将具有预填充数据的输入设置为只读，而不将其填充为未填充的输入。这件事只会发生一次，因此下次您在输入中编写内容时，它将不再影响只读。