current position:Home>The method of parameter verification of Vue and the jump push method of user's non login page

The method of parameter verification of Vue and the jump push method of user's non login page

2022-01-26 21:38:36 Foreigners virtue

1. Parameter checking

<script> import "~/assets/css/page-sj-person-loginsign.css"; import userApi from "@/api/user"; import {
      setUser} from "@/utils/auth"; import WechatLogin from "@/components/wechatLogin/wechatLogin"; export default {
       data() {
       return {
       pojo: {
      }, //  The entity object of the whole form  code: "", //  Verification Code  checked: false, //  Do you agree to the terms of service  mobile: "", //  Phone number  password: "", //  password  remenberMe: false, //  Remember me  dialogVisible: false, //  pop-up  }; }, methods: {
       sendsms() {
       //  Verify phone number  if (!/^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\d{8}$/g.test(this.pojo.mobile)) {
       this.$message({
       message: " Wrong mobile phone filling ", type: 'error', showClose: true, }); return; } userApi.sendsms(this.pojo.mobile).then((response) => {
       this.$message({
       message: response.data.message, type: (response.data.flag ? 'success' : 'error'), showClose: true, }); }); }, register() {
       //  data verification  let validateObj = this.dataValidate(); if (!validateObj.flag) {
       this.$message({
       message: validateObj.errMsg, type: 'error', showClose: true, }); return; } //  To register  userApi.register(this.pojo, this.code).then((response) => {
       this.$message({
       message: response.data.message, type: (response.data.flag ? 'success' : 'error'), showClose: true, }); }); }, //  Check the data  dataValidate() {
       let errMsg = ""; //  Judge nickname  if (!this.pojo.nickname) {
       errMsg = " The nickname cannot be empty "; return {
       flag: false, errMsg, }; } //  Determine the password  if (!this.pojo.password || this.pojo.password.length <= 6 || this.pojo.password.length >= 16) {
       errMsg = " Password length must be in 6-16 within "; return {
       flag: false, errMsg, }; } //  Have you agreed to the terms of service  if (!this.checked) {
       errMsg = " You must first agree to the terms of service "; return {
       flag: false, errMsg, }; } return {
       flag: true, errMsg, }; }, login() {
       //  Login verification  if (!/^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\d{8}$/g.test(this.mobile)) {
       this.$message({
       message: " Wrong mobile phone filling ", type: 'error', showClose: true, }); return; } if (!this.password) {
       this.$message({
       message: " The password cannot be empty ", type: 'error', showClose: true, }); return; } userApi.login(this.mobile, this.password).then((response) => {
       if (response.data.flag) {
       let data = response.data.data; //  Store the returned data in cookie setUser(data.id, data.token, data.name, data.avatar); location.href = "/manager"; //  Login successful , Jump to user center  } else {
       this.$message({
       message: response.data.message, type: 'error', showClose: true, }); } }); }, showWechatLogin() {
       this.dialogVisible = true; }, }, head: {
       script: [ //  Import and generate wechat QR code js {
      src: 'https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js'}, ], }, components: {
       WechatLogin, }, } </script>

2. When the user is not logged in, the page jumps to

<script> import "~/assets/css/page-sj-person-homepage.css"; import {
      getUser} from "@/utils/auth"; export default {
       created() {
       if (getUser().name === undefined) {
       //  Not logged in  this.$router.push('/login_register'); } }, } </script>

copyright notice
author[Foreigners virtue],Please bring the original link to reprint, thank you.
https://en.cdmana.com/2022/01/202201262138335113.html

Random recommended