bi站学习即时聊天：前端篇（2）

今天来把登陆注册页面搞定，开冲！

一、登陆页面搭建

• 新建signin页面，在signin页面：

效果如图：

小哈.png

二、注册页面创建

• 新建页面register,register.vue中：

效果如图

image.png

三、登陆注册之间的数据交互和页面跳转

• 注册登陆路由跳转：
  举例一个方法，以此类推：

goLogin: function() {
            uni.navigateTo({
                url: '../signin/signin'
            });

• 获取登陆数据内容
  通过v-model来获取数据，就不代码演示了
• 设置登陆按钮函数

        onlogin() {
            if (this.user && this.password) {
                console.log('提交');
            } else {
                this.login = true;
            }
        }