vue.js - 如何使用 v-text-area 规则选项？

Question

我正在尝试设置规则来控制 Vue2/Vuetify 上 v-text-area 内的按钮。我怎样才能做到这一点？我尝试了几件事，请不要判断我是编码概念的初学者

标签： vue.jsvuejs2vuetify.js

Answer 1

为了使用 Vuetify 验证规则，您需要将要对其执行验证的所有元素包装在一个<v-form>元素中。

在您的输入组件上，您需要为rulesprop 提供一个数组，其中包含您定义的执行验证的函数的名称。

验证函数将值作为输入，如果输入有效则返回true，如果输入无效则返回false失败字符串。

本节中定义的此类函数的一个示例methods是：

isNumber(input) {
  return /[0-9]+/g.test(input) || "input must be a number";
}

将其传递给您v-text-area将如下所示：

  <v-text-area :rules="[isNumber]" />

更多信息可在Vueitfy 的表单文档的#rules部分中找到。