Installing

$ npm install nin_vue2_login

Example

Usage in vue2.x：

<template>
  <el-button @click="loginVisible = true">login</el-button>
  <Login @close="handleClose" :visible="loginVisible" :isClearForm="true" @submit="handleSubmit"></Login>
</template>

<script>
import Login from "nin_vue2_login";
export default {
  components: {
    Login
  },
  data(){
    return{
      loginVisible:false
    }
  }
  methods: {
    handleClose(){
      loginVisible.value = false;
    }
    handleSubmit(){
      //todo
    }
  }
}
</script>

<style scoped>
</style>

Options

| Property | Description | type | default | | ----------------- | ---------------- | :--------: | :----------: | | isClearForm | 切换tabs，是否清除表单内容 |Boolean |false | | elDialogWidth | 弹框宽度 |String | 460px | | firstLable | 第一个lable文字 |String | 学生登录 | | secondLable | 第二个lable文字 |String | 教师登录 | | hiddenFirstTab | 隐藏第一个tab |Boolean | false | | hiddenSecondTab | 隐藏第二个tab |Boolean | false |