微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 vue2-editor 中使用 Vee-Validate

如何解决如何在 vue2-editor 中使用 Vee-Validate

我目前在我的项目中使用 vee-validate 和它的验证观察器。

例如,我使用 vee-validate 处理像 blow 这样的输入:

  <ValidationProvider
    :name="fieldName"
    :rules="rules"
    v-slot="{ errors }"
    :customMessages="error"
    :vid="name"
  >
   <input
      class="form-control"
      :class="{ 'is-invalid': errors.length }"
      :name="name"
      :inputmode="type"
      :id="id"
      :placeholder="placeholder"
      tabindex="1"
      v-model="input"
      @blur="onBlur"
      @focus="onFocus"
      @input="$emit('input',$event.target.value)"
    />
    <p class="veevalidatorError">{{ errors[0] }}</p>
  </ValidationProvider>
</template>

有谁知道我如何做类似的事情,但我想使用如下所示的 vue2-editor 而不是输入字段

  <ValidationProvider :name="fieldName" :rules="rules" v-slot="{ errors }" :customMessages="error" :vid="name">
    <vue-editor  v-model="content" :editorToolbar="customToolbar"></vue-editor>
    <p class="veevalidatorError">{{ errors[0] }}</p>
  </ValidationProvider>
</template>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。