Question

所以，我有一个输入供用户输入他的用户名。用户名通过birthdate绑定到vue实例。

我在我的控制器中创建了此功能，以检查用户名是否唯一（已测试并且有效）：

Person

在我的vue脚本中：

v-model

如果用户键入的用户名不是唯一的，则应立即显示输入下方的范围，并显示错误消息。我该如何做到这一点？

Answer 1

你可以在data（）中添加一个标志变量，初始值为false，一旦api的响应给出结果，因为用户名是唯一的，这将变为真。

请看下面的代码更改：

data: {
    username: '',
    isUniqueUserName: false
    },
methods: {
  isUsernameUnique: function() {
    var self = this;
    var url = 'api/account/unique/username/' + self.username;
    self.$http.get(url)
      .then(function(res){
         if(res.unique) this.isUniqueUserName = true;
      }, function(err){
      });
  }
}

在您的范围内添加此

<span v-if="!isUniqueUserName ">User Name is Not Unique</span>

Vue - 从REST API实时获取数据

1 个答案: