我有一个输入字段,我喜欢将其与几个正则表达式进行比较。如果输入正确,则应执行该方法。
我想我做得完全错了。
<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无法正常工作。
发布于 2019-11-28 10:42:36
因此,首先需要为链接到data的条形码输入使用v-model。这将省去获取元素的麻烦。然后在processBarcode函数中进行验证。
如果您想清除此框,只需清除存储在data中的v-model变量(对于双向绑定,更改一个变量会更改另一个变量)。
https://stackoverflow.com/questions/59074298
复制相似问题