avatar
fireworks99
keep hungry keep foolish

Register return the error info

Description

注册信息错误,返回错误信息(BackEnd -> FrontEnd)

BackEnd(nodejs express)

router.get('/register_process', function (req, res) {
  register(req.query.username, req.query.password, function (err) {
    if(err) res.send(err)
  })
})

通过callback函数获取错误信息,发送到此请求的客户端

FrontEnd

最开始的时候想在input标签后加after伪类元素,后来发现伪类元素是在容器内部的尾部的,而input容不下其他元素,故作罢。改为新增一个input标签用于展示错误信息。初始value设为空字符串。

getRegister() {
        getRegister(this.username, this.password).then(res => {
          if(res) {
            this.usernameV = res;
          }
        })
      }
<input :class="{activeU: isUsernameError}" type="text" :value="usernameV">

v-bind绑定value,将返回的错误信息(若有)设为value的值

Site by Baole Zhao | Powered by Hexo | theme PreciousJoy