1.0.3 • Published 4 years ago
nin_vue2_login v1.0.3
Installing
$ npm install nin_vue2_loginExample
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 |