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 无更新