更新记录

0.0.2（2024-11-20） 下载此版本

• chore: 更新style

0.0.1（2024-11-20） 下载此版本

• init

平台兼容性

lime-textarea 多行文本框

• 多行文本框用于多行文本信息输入, 兼容uniapp/uniappx
• 插件依赖lime-shared,lime-style不喜勿下

安装

在插件市场导入即可，首次导入可能需要重新编译

代码演示

基础使用

通过v-model双向绑定，或通过change事件接收输入文本

<l-textarea v-model="value" placeholder="请输入文字" @change="change"></l-textarea>

const value = ref('');
const change = (value: string) => {

}

带标题

通过label属性设置标题

<l-textarea label="标签文字" placeholder="请输入文字"></l-textarea>

自动增高

通过autosize设置为true为自动增高

<l-textarea label="标签文字" placeholder="请输入文字" :autosize="true"></l-textarea>

字符限制

通过maxlength设置最大文本字数，通过indicator设置为true可显示字数

<l-textarea label="标签文字" placeholder="请输入文字"  :maxlength="500" :indicator="true"></l-textarea>

禁用

通过disabled设置可禁止输入

<l-textarea label="标签文字" placeholder="请输入文字" :disabled="true"></l-textarea>

竖排布局

通过layout可设置布局方向

<l-textarea label="标签文字" placeholder="请输入文字" layout="vertical"></l-textarea>

查看示例

• 导入后直接使用这个标签查看演示效果

<!-- // 代码位于 uni_modules/lime-textarea/compoents/lime-textarea -->
<lime-textarea />

插件标签

• 默认 l-textarea 为 component
• 默认 lime-textarea 为 demo

关于vue2的使用方式

• 插件使用了composition-api, 如果你希望在vue2中使用请按官方的教程vue-composition-api配置
• 关键代码是: 在main.js中 在vue2部分加上这一段即可

  // vue2
  import Vue from 'vue'
  import VueCompositionAPI from '@vue/composition-api'
  Vue.use(VueCompositionAPI)

API

Props

Slots

Events

主题定制

样式变量

组件提供了下列 CSS 变量，可用于自定义样式，uvue app不支持。

打赏

如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。