Nin_vue3_login NPM

Installing

$ npm install nin_vue3_login

Example

Usage in vue3.0：

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

<script setup lang="ts">
import { ref } from "vue";
import {Login} from "nin_vue3_login";

const loginVisible = ref(false);
const getClose = () => {
  loginVisible.value = false;
}
const getSubmit = (value) => {
  //todo
  console.log(value);
}
</script>

<style scoped>
</style>

Options

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