那这个东西在hbuilderx的vue上要怎么改才可以

在 HBuilderX 的 Vue 项目中，你可以按照以下方式进行修改以实现相同的逻辑：

1. 打开你的 Vue 组件的文件（通常是`.vue`文件），找到对应的方法。

2. 在方法中添加以下代码：

// 假设这个方法是一个事件处理函数
yourMethod() {
  // 获取输入的手机号或邮箱的值
  const contact = this.textVal.trim();

  // 手机号和邮箱的正则表达式
  const regPhone = /^[1][3-9][0-9]{9}$/;
  const regEmail = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

  if (!contact) {
    uni.showToast({
      title: '输入不合法',
      icon: 'none',
      duration: 2000
    });
    return false;
  }

  if ((!regPhone.test(contact) && !regEmail.test(contact)) || (regPhone.test(contact) && regEmail.test(contact))) {
    uni.showModal({
      title: '提示',
      content: '您输入的手机号或者邮箱有误!',
      success(res) {
        if (res.confirm) {
          // 用户点击了确认按钮
        } else if (res.cancel) {
          // 用户点击了取消按钮
        }
      }
    });
    return false;
  }

  // 其他逻辑
}

在上述代码中，使用了 `uni.showToast` 和 `uni.showModal` 方法来实现错误提示。这两个方法是 HBuilderX 提供的 Uni-app 框架中的 API，可以用于在小程序中显示提示信息。

请注意，在使用 HBuilderX 开发 Vue 项目时，需要确保你已经正确引入了 Uni-app 框架，并且可以使用其中的 API。如果你还没有引入或者遇到了其他问题，请参考 HBuilderX 和 Uni-app 的官方文档进行配置和使用。

希望这样的修改可以在 HBuilderX 的 Vue 项目中实现你的需求。如果还有其他问题，请随时提问。