# input 输入框

输入框组件

一、普通使用

# 示例1


说明:

# 代码

   <mp-input type="text" placeholder="请输入" label="说明:" label-position="right"></mp-input>

二、使用插槽

# 示例2


说明:

# 代码

   <mp-input type="text" placeholder="请输入" label="说明:" label-position="right">
        <template v-slot:mp-input-right>
            <div>右边插槽</div>
        </template>
   </mp-input>

# Attributes

参数 说明 类型 是否必要 默认值
type 支持原生input所有的类型 String false text
placeholder 输入框placeholder String false -
label 输入框左边的说明文字 String false -
label-position 输入框左边的说明文字位置 left/center/right false center
mp-input-right 输入框右边插槽 Slot false -

# Event

事件名称 说明 回调参数
input 输入框输入时触发 $event