My-UI

# Input

Input组件

# 引入

import 'myadd-ui/dist/css/index.css';
import { Input } from 'myadd-ui';
Vue.use(Input);

# 示例

# 文本域




通过设置 type 属性可以改变文本框的类型

<m-input placeholder="请输入内容" type="textarea" />

# 禁用状态




可以通过设置 disabled 来禁用输入框

<input placeholder="请输入内容" disabled  />

# 可清空输入框


×


可以通过设置 disabled 来禁用输入框

<m-input placeholder="请输入内容" clearable />

# 居中显示文字




调用 center 属性可以居中显示文字

<input placeholder="请输入内容" center />

# 复合型输入框


https://

.com

https://
.com

<m-input placeholder="请输入内容">
  <div slot="prepend">https://</div>
</m-input>

<m-input placeholder="请输入内容">
  <div slot="append">.com</div>
</m-input>

<m-input placeholder="请输入内容">
  <div slot="prepend">https://</div>
  <div slot="append">.com</div>
</m-input>

# Attributes

参数 说明 类型 是否必要 默认值
type 类型，可选值有 textarea String false text
value / v-model 绑定值 string / number false -
clearable 是否可清空 Boolean false false
disabled 是否禁用 Boolean false false
center 文字是否居中显示文字 Boolean false false

# Slots

name 说明
prepend 输入框前置内容，只对 type="text" 有效
append 输入框后置内容，只对 type="text" 有效

← InputNumber →