Javascript Vue在多个字段上显示验证文本

有两个按钮称为“添加”和“删除”。如果用户单击ADD，它将为全名添加一个输入字段。我正在使用

validationText

将文本显示为

请输入超过5个字符作为全名。如果我添加两个字段，并在第二个字段中只插入两个字符，则在两个输入字段上显示
validationText
，如下所示：


是否有方法将
validationText
消息显示到包含少于5个字符的特定字段

查看

<div id="app">
  <div class="work-experiences">

      <div class="form-row" v-for="(minordatabase, index) in minorsDetail" :key="index">

        <div class="col">
          <br>
          <label id="minorHeading">FULL NAME</label>
          <input v-model="minordatabase.full_name" type="text" class="form-control" placeholder="FULL NAME" size="lg" @input="checkValidation"/>
          <p v-show="!validationText" style="color:red;">
           Please enter than 5 characters
          </p>
        </div>

      </div>

    </div>

      <br>

      <div class="form-group">
        <button @click="addExperience" type="button" class="btn btn-info" style="margin-right:1.5%;">Add</button>
        <button @click="removeExperience" type="button" class="btn btn-outline-info">Remove Last Field</button>
      </div>
</div>

下面是
JSFIDDLE

所有字段只有一个
validationText
。所以，如果你为一个字段设置它，它也会显示在另一个字段中

我建议您这样做以显示验证：

<p v-if="minordatabase.full_name.length > 2 && minordatabase.full_name.length < 5" style="color: red;">
  Please enter more than 5 characters
</p>


请输入超过5个字符


<p v-if="minordatabase.full_name.length > 2 && minordatabase.full_name.length < 5" style="color: red;">
  Please enter more than 5 characters
</p>