vue 统计字符串长度

Question

VIEW

<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。有没有办法显示 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 将 return 一个大于 0 的值，即 truthy，因此 v-if 将显示该元素，否则它将被隐藏。

Answer 2

list4[index].rfidState2 是一个字符串。你不能将它与数字进行比较。如果这样做，JavaScript 将进行隐式类型转换，结果将毫无意义。 list4[index].rfidState2.length 是字符串的实际长度。所以，你应该写的是“list4[index].rfidState2.length > 0”

vue 统计字符串长度

Vue count string length

javascript

string-length

vue.js