微信小程序 van-field error-message怎么使用

在微信小程序中，`van-field` 是vant组件库里的一个用于输入验证的组件，它可以帮助开发者轻松处理表单输入的信息。`error-message` 是 `van-field` 的一个属性，用于显示输入字段验证失败时的错误提示信息。

以下是 `van-field` 使用 `error-message` 的基本步骤：

1. 首先，在你的 WXML 文件中引入 `van-field` 组件，并设置 `ref` 属性以便后续引用：

<view>
  <van-field ref="myField" label="请输入内容">
    <!-- 输入框等内容 -->
  </van-field>
</view>

2. 然后，在对应的 JS 或 WXSS 文件里，你可以通过 `this.$refs.myField` 获取到该组件实例，并在 `bind(validating` 或者 `validateResult` 事件中设置错误消息：

Page({
  data: {
    errorMessage: '',
  },
  onValidating: function (rule, value, callback) {
    if (!value || value.trim() === '') {
      this.errorMessage = '输入不能为空';
    } else {
      // 清空错误消息，如果验证成功
      this.errorMessage = '';
      callback(); // 如果验证无误，调用回调继续验证其他规则
    }
  },
  validateForm: function () {
    this.$refs.myField.validate();
  },
})

当你触发验证并输入不符合要求时，`error-message` 就会显示出自定义的错误提示文字。记得在需要的地方清除错误消息，例如用户纠正了输入后。