从输入字段VeeValidate中删除图标

如何解决从输入字段VeeValidate中删除图标

我是Vue.js的新手，我在验证方面遇到问题。我正在使用Vee-Validate框架进行验证。验证有效，但我从“ is-danger”课程中获得了这个红色圆圈图标。 问题：如何仅设置红色边框，而没有这个小图标？ 看下面的截图：

 <ValidationProvider
      :rules="{
      required: true,digitsRegex: /^(0|[1-9][0-9]{0,2}(?:(,[0-9]{3})*|[0-9]*))(\.[0-9]+){0,1}$/
      }"
      v-slot="{ errors,valid }"
       name="discount"
  >
    <b-field
     :type="{ 'is-danger': errors[0],'is-primary': valid }"
     >
      <b-input
         v-model="discount"
         step="any"
         type="text"
         :min="0"
         :max="sumWithoutdiscount"
      />
    </b-field>
       <span
           v-for="error in errors"
           :key="error.id"
           class="has-text-danger help"
       >{{ error }}</span
       >
  </ValidationProvider>

解决方法

如果您共享编写的验证代码会更好，但是您可以参考以下代码，仅显示警告文本和带有红色边框的文本框，并附加图像以进行输出。 >

如果可以解决您的问题，请标记为正确答案

保持编码伙伴。

<template>
  <div class="column is-12">
    <label class="label" for="email">Email</label>
    <p :class="{ 'control': true }">
      <input
        v-validate="'required|email'"
        :class="{'input': true,'is-danger': errors.has('email') }"
        name="email"
        type="text"
        placeholder="Email"
      >
      <span v-show="errors.has('email')" class="help is-danger">{{ errors.first('email') }}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: "basic-example"
};
</script>

VeeValidate Example