更新记录

1.0.0（2025-02-18） 下载此版本

发布初版

平台兼容性

Textarea 文本域

组件名: xt-textarea

适配情况需自行尝试,开发时只测试了H5、APP、微信小程序

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

<template>
    <view class="xt">
        <xt-textarea v-model="inputValue" placeholder="请输入" count :formatter="formatter"></xt-textarea>
        <button @click="log">打印</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                inputValue: ''
            }
        },
        methods: {
            log() {
                console.log(this.inputValue);
            },
            formatter(e) {
                console.log(e);
                return '测试'
            }
        }
    }
</script>

<style lang="scss">
    .xt {
        padding: 0 20rpx;
        display: flex;
        flex-direction: column;
        gap: 15rpx;
    }
</style>

API

各参数具体可选值,请查询uniapp官网

uniapp官网-textarea

格式化函数

onFormatter(e) {
  // 格式化逻辑
  e = '格式化内容'
  /****/
  // 最后返回即可
                return e
        }

Events