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变量(使用双向绑定，更改一个会更改另一个(。