javascript - Vue计数字符串长度

Question

查看

<div v-for="(listings, index) in list4" :key="index">
   <input v-model="listings.rfidState2" type="text"/>
</div>

<div v-for="(element2, index) in list4" :key="index">
  <p v-if="list4[index].rfidState2 > 0">WORKING</p>
</div>

如果我在输入字段中插入值AC87SG67A，则会在 v-if="list4[index].rfidState2 > 0"处引发错误，但如果我插入值98292001，则会显示 WORKING 。有没有办法显示 <input v-model="listings.rfidState2" type="text"/>文本字段内插入的任何值(例如整数或字母(a到z))的 工作？

Answer 1

首先，您可以向输入中添加 .trim 修饰符，例如:

<input v-model.trim="listings.rfidState2" type="text"/>

现在，来自用户输入的所有空格都将自动修剪。接下来，我们可以简单地检查是否输入了任何文本，例如:

<p v-if="list4[index].rfidState2.length">WORKING</p>

因此，如果输入任何整数或字母，则 length将返回大于0的值，这是正确的，因此 v-if将显示元素，否则它将被隐藏。