vue练习第二天

由于浏览器出了问题,导致今天进度处于龟速。
收获的知识是弹窗的设置,和登录成功后,路由跳转后台首页的操作。
另外还有就是链表数据结构的实现,稍后将在JS类型笔记中记录。

首先,是消息弹窗的设定

由于是全局引用的,不用像按需加载那样,去Vue的prototype上挂载$message了,直接在methods中的函数里就可直接调用。
message提示消息的样式可在element-ui官网中找到,以下为成功和失败的示例。

this.$message( {
message: ' 成功啦!',
type: ' success '
} )

this.$message( {
message: ' 登录失败! ',
type: ' error '
} )
具体代码如下,对!今天还学习了怎么在简书中以代码块形式展现。而不是截图了.....

goLogin() {
  this.$refs.loginRef.validate( res => {
    if(res){
      request({
        url: '/admin/login',
        method: 'POST',
        data: {
          user_name: this.formData.user_name,
          password: this.formData.password
        }
      }).then(res => {
        console.log(res)
        if(res.status == 1) {
          this.$message({
            message: res.success,
            type: 'success'
          })
        }else if(res.status == 0) {
          this.$message({
            message: res.message,
            type: 'error'
          })
        } 
      })
    }
  })
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。