输入框 Input

输入框组件。

重要提示

重要提示

需在 App.vue 中引入 pure-styles 样式，@import '@/uni_modules/pure-styles/index.css';

兼容性

• 兼容：✅
• 不兼容：❌
• 未知：❔

H5	安卓	苹果	微信	支付宝	百度	抖音	QQ	快手	飞书	京东
✅	✅	✅	✅	✅	✅	✅	✅	✅	✅	✅

小红书	鸿蒙	360	华为快应用	快应用联盟
✅	❔	❔	❔	❔

插件市场地址

DCloud 插件市场地址

基础使用

• 通过 v-model 绑定输入框的值。
• 通过 placeholder 设置输入框的提示文本。
• 通过 type 设置输入框的类型，默认为 text。

<template>
    <pure-input v-model="name" placeholder="请填写您的姓名"></pure-input>
</template>

禁用

• 通过 disabled 属性设置禁用状态。
• 通过 disabledClass 属性设置禁用状态时的样式类名。

<template>
    <pure-input type="number" v-model="age" placeholder="请填写您的年龄" disabled></pure-input>
</template>

Props

属性名	说明	类型	默认值	可选值	版本
v-model	绑定值	[String, Number]	-	-	+1.0.0
disabledClass	禁用类名	String	pure-disabled	-	+1.0.0
<input> 组件的原生属性	参考	-	-	-	+1.0.0

Event

事件名	说明	回调参数	版本
<input> 组件的原生事件	参考	-	+1.0.0