登录组件

参数

必传参数

• loginUrl String 如 http://123.129.65.205:18010

其他参数

• logo String logo的url 更改为项目的logo 默认是bd的logo
• title String 弹出框标题
• width String 弹出框宽度
• confirmBtn String 确认按钮的文字信息
• cancelBtn String 取消按钮的文字信息
• dialogRadius String 弹出框边框曲度 默认是 10px

事件

• loginSucceed 点击登录按钮时，登录成功的事件，参数params是登录成功返回的数据 function(params){}

使用实例

<!--
* @FileDescription: 登录测试页面
* @Author: liwenli
* @Date: 2023-08-14 10:24:00
* @LastEditors: liwenli
* @LastEditTime: 2023-08-14 10:24:00
-->

<script setup>
  import { ref, reactive, computed, watch, onMounted, provide, inject, useAttrs, useSlots, nextTick } from 'vue'
  // 引入登录组件
  import loginComp from './login/index.vue'
  // 登录组件logo的url
  import logoUrl from './login/assets/logo.png'
  // 主机的url
  const loginUrl = window.$bd.baseapi // http://123.129.65.205:18010
  const props = defineProps({})
  const emits = defineEmits([])

  // 登录组件的ref
  const loginCompoRef = ref()
  /**
   * 打开登录界面
   */
  const openLoginInterface = () => {
    loginCompoRef.value?.showLoginDialog()
  }
  /**
   * 登录成功的事件执行器
   * @param {object} data 登录成功时返回的用户信息
   */
  const cb = (data) => {
    // debugger
  }

  onMounted(() => {})
  defineExpose({})
</script>
<template>
  <el-button @click="openLoginInterface">登录</el-button>
  <loginComp ref="loginCompoRef" @loginSucceed="cb" :loginUrl="loginUrl" :logoUrl="logoUrl"></loginComp>
</template>

<style lang="scss" scoped></style>