vue登录

<template>

<section class="wrap-page wrap-page-u" style="padding-top:2rem;">

    <div class="us-box">

      <h2>登录</h2>

      <div class="lItem">

        <input type="number" placeholder="手机号" class="int" v-model="form.userName"/>

      </div>

      <div class="lItem">

        <input type="password" placeholder="密码" class="int" v-model="form.passwd"/>

        <a href="#" class="green ftcode">忘记密码？</a>

      </div>

      <div class="lbot">

        <input type="button" @click="doLogin" class="lbtns" value="登录"/>

        <router-link to="/mobile/index/register"><a class="lreg green">创建新账号</a></router-link>

      </div>

    </div>

  </section>

</template>

<script>

export default {

  name: 'My',

  data () {

    return {

      msg: 'Welcome to Your Vue.js App',

       form: {

        userName: '',

        passwd: '',

        // vcode: '',

      },

    }

  },

  methods:{

    doLogin(){

     if (!this.form.userName) {

        this.$toast('请输入邮箱/手机号');

        return;

      }

      if (!this.form.passwd) {

        this.$toast('请输入密码');

        return;

      }

      this.$indicator.open('登录中...');

      const param = {

        loginId: this.form.userName,

        userPwd: this.form.passwd,

      };

     this.$api.get('/apis/index.php?act=login', {

                   "act": "login"

                 }, response => {

                   this.$indicator.close();

                   this.$router.replace('/home');

                 },error => {

                   this.$indicator.close();

                   this.$toast('error');

                 }

               );

    }

  }

}

</script>