时间戳

首页 > 解决方案 > Vue 计算字符串长度

javascript - Vue 计算字符串长度

问题描述

看法

<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。有没有办法为文本字段中插入的任何值（例如整数或字母（a 到 z））显示WORKING<input v-model="listings.rfidState2" type="text"/>？

标签： javascriptvue.jsstring-length

解决方案

首先，您可以.trim向输入添加一个修饰符，例如：

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

现在，用户输入中的任何空格都会被自动修剪。接下来，我们可以简单地检查是否输入了任何文本：

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

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

推荐阅读