vue.js查看输入是否与正则表达式匹配

Question

我有一个输入字段，我想与几个正则表达式进行比较。 如果输入正确，则应执行该方法。

我认为我做错了。

<p class="control">
    <input ref="barcode" id="BarcodeInput" v-model="barcode" v-on:keyup.enter="processBarcode" class="input" type="text"  placeholder="Barcode" autofocus />
    </p>
    <p class="control">
    <button v-on:click="processBarcode" class="button is-primary" >Go!</button>
</p>

方法：

      if (document.getElementById("BarcodeInput").value == "31334866-001"){

现在，我可以将条形码放在文本框中，并且可以使用该方法。

如果我尝试：

      if (document.getElementById("BarcodeInput").value == "^\d{8}-\d{3}$"){

条形码：31334866-001不起作用。

Answer 1

因此，您首先需要使用v-model作为链接到data的条形码输入。这将节省您获取元素的麻烦。然后在processBarcode函数中进行验证。

如果要清除此框，只需清除存储在数据中的v-model变量即可（使用双向绑定，更改一个将更改另一个）。