import{e as t,o as a,G as n}from"./vendor.d721e0a0.js";const e={class:"markdown-body"},l=n(`
\u6587\u672C\u6846\u5185\u8F93\u5165\u6216\u7F16\u8F91\u6587\u5B57\uFF0C\u652F\u6301\u9650\u5236\u8F93\u5165\u6570\u91CF\u3002
import { createApp } from 'vue';
//vue
import { TextArea } from '@nutui/nutui';
//taro
import { TextArea } from '@nutui/nutui-taro';
const app = createApp();
app.use(TextArea);
<nut-textarea v-model="value" />
import { ref } from 'vue';
export default {
setup() {
const value = ref('');
return { value };
},
};
<nut-textarea v-model="value" limit-show max-length="20" />
<nut-textarea v-model="value" rows="10" autosize />
<nut-textarea readonly model-value="textarea\u76F4\u8BFB\u72B6\u6001" />
<nut-textarea disabled model-value="textarea\u7981\u7528\u72B6\u6001" limit-show max-length="20" />
| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| v-model | \u8F93\u5165\u503C\uFF0C\u652F\u6301\u53CC\u5411\u7ED1\u5B9A | String | - |
| placeholder | \u8BBE\u7F6E\u5360\u4F4D\u63D0\u793A\u6587\u5B57 | String | '\u8BF7\u8F93\u5165\u5185\u5BB9' |
| max-length | \u9650\u5236\u6700\u957F\u8F93\u5165\u5B57\u7B26 | String\u3001Number | - |
| rows | textarea\u7684\u9AD8\u5EA6 | String\u3001Number | 2 |
| limit-show | textarea\u662F\u5426\u5C55\u793A\u8F93\u5165\u5B57\u7B26\u3002\u987B\u914D\u5408max-length\u4F7F\u7528 | Boolean | false |
| autosize | \u9AD8\u5EA6\u662F\u5426\u53EF\u62C9\u4F38 | Boolean | false |
| text-align | \u6587\u672C\u4F4D\u7F6E,\u53EF\u9009\u503Cleft,center,right | String | left |
| readonly | \u53EA\u8BFB\u5C5E\u6027 | Boolean | false |
| disabled | \u7981\u7528\u5C5E\u6027 | Boolean | false |
| \u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
|---|---|---|
| change | \u8F93\u5165\u6846\u503C\u6539\u53D8\u65F6\u89E6\u53D1 | value |
| focus | \u805A\u7126\u65F6\u89E6\u53D1 | event |
| blur | \u5931\u7126\u65F6\u89E6\u53D1 | {value,event} |