前端悬浮输入组件

PopoverInput 是一个悬浮输入组件，通过弹出层的方式提供输入功能，适用于需要节省页面空间或临时输入的场景。

基础用法

import { defineAsyncComponent } from 'vue'

const PopoverInput = defineAsyncComponent(
  () => import("/@/components/PopoverInput/index.vue")
);

const onConfirm = (value: string) => {
  console.log('输入的值:', value);
};

<popover-input @confirm="onConfirm">
  <template #default>
    <el-button> 点击输入 </el-button>
  </template>
</popover-input>

属性说明

属性名称	描述	类型	默认值
value	值	String	-
type	类型	String	'text'
width	宽度	Number \| String	'300px'
placeholder	提示文字	String	-
disabled	是否禁用	Boolean	false
options	选项列表	Array<any[]>	[]
size	大小	'default' \| 'small' \| 'large'	'default'
limit	字符限制	Number	200
showLimit	是否显示字符限制	Boolean	false
teleported	是否使用传送门（teleport）进行渲染	Boolean	true

事件说明

事件名称	说明	回调参数
confirm	确认输入时触发	(value: string)

本页目录

#前端悬浮输入组件

#基础用法

#属性说明

#事件说明

前端悬浮输入组件

基础用法

属性说明

事件说明