javascript - 如何使用从数据库预填充的 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 怎么能做到这一点？.. 谢谢。

标签： javascriptvue.jsvuejs2

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 将允许您为具有预填充数据的输入设置只读，而不是为未预填充的输入设置只读。这件事只会发生一次，所以下次你在输入上写它不会再影响只读了。