springboot +vue (从零开始)-----三：vue登录页（二）js点击事件

书接上回：springboot +vue (从零开始)-----二：vue登录页（一）

1 . 登录的按钮上添加 点击事件 @click=“submitLogin”

vue 的所有方法 必须 定义在 methods 里面

methods：{

}

methods：{
	submitLogin() {
        // 首先只有校验通过才能点击提交，elementui 官网
        this.$refs['loginForm'].validate((valid) => {
        if (valid) {
        alert('submit!');
        } else {
        console.log('error submit!!');
        return false;
        }
        });
	}
}

它输出的是 error submit!!

红框内的很关键，$refs 取的就是这个，单页面中不能重复。

今天内容比较少，就这些，就一个点击事件。

下一篇创建后台spring boot 项目。