多行输入框 Textarea

多行输入框组件。

• 后续再新增统计字数等功能。

重要提示

重要提示

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

兼容性

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

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

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

插件市场地址

DCloud 插件市场地址

基础使用

• 通过 v-model 绑定输入内容。
• 通过 placeholder 属性设置占位文本。

<template>
    <pure-textarea placeholder="请输入内容" v-model="address"></pure-textarea>
</template>

<script setup>
import { ref } from 'vue';

// 详细地址
const address = ref('');
</script>

禁用

• 通过 disabled 属性设置禁用状态。

<template>
    <pure-textarea placeholder="请输入内容" v-model="address" disabled></pure-textarea>
</template>

Props

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

Event

事件名	说明	回调参数	版本
input	对应 <textarea> 同名事件，参考	event	+1.0.0
focus	对应 <textarea> 同名事件，参考	event	+1.0.0
blur	对应 <textarea> 同名事件，参考	event	+1.0.0
confirm	对应 <textarea> 同名事件，参考	event	+1.0.0
keyboardHeightChange	对应 <textarea> 同名事件，参考	event	+1.0.0
lineChange	对应 <textarea> 同名事件，参考	event	+1.0.0