nin_vue3_login

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

Update

此版本主要更新：

v1.0.2 解决关闭弹窗报computed value is readonly警告问题；

v1.0.3 解决el-dialog自定义custom-class过时的问题；

v1.0.4 新增隐藏tab功能：hiddenFirstLable（隐藏第一个），hiddenSecondLable（隐藏第二个）；

v1.0.5 无更新