Input 输入框

常用与输入相关的场景。

注意

pa-input 可独立使用，在 pa-form/pa-table 中可使用时，需配置 prop 字段。

组件功能展示

基础使用

基础使用

123

123

321

Display

123

321

<template>
  <pa-title :padding="['bottom']">基础使用</pa-title>
  <pa-input
    v-model="value1"
    maxLength="2000"
    alwaysContrast
    :contrastData="value2"
    :title="{ 'en-US': 'Basic Usage', 'zh-CN': '基础使用' }"
  ></pa-input>

  <pa-title :padding="['bottom']">Display</pa-title>
  <pa-input v-model="value1" maxLength="2000" :contrastData="value2" display></pa-input>
</template>

<script lang="ts" setup>
import { ref } from "vue";
const value1 = ref("123");
const value2 = ref("321");
</script>

<style></style>

显示代码

SaInputType

字段	描述	类型	默认值
modelValue	绑定值	string	—
placeholder	输入框提示	Record<"en-US" | "zh-CN", string> string	—
disabled	禁用状态	boolean	false
display	纯展示	boolean	false
maxLength	内容长度的最大数	string number	—
clearable	显示清除按钮	boolean	true
autofocus	自动获取焦点	boolean	false
inputParser	指定从格式化器输入中提取的值	(value: string) => string undefined	false
inputFormatter	指定输入值的格式	(value: number/string) => string undefined	false
contrastData	对比用原数据	number string	—
alwaysContrast	是否总是显示对不数据	boolean	false

SaInputEvents

字段	描述	类型
change	当值改变时触发	function