textarea

多行输入框。 属性说明 示例

  1. <template>    <view>        <view class="uni-title uni-common-pl">输入区域高度自适应，不会出现滚动条</view>        <view class="uni-textarea">            <textarea @blur="bindTextAreaBlur" auto-height />            </view>            <view class="uni-title uni-common-pl">占位符字体是红色的textarea</view>            <view class="uni-textarea">                <textarea placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>            </view>        </view></template>
  1. export default {    data() {        return {}    },    methods: {        bindTextAreaBlur: function (e) {            console.log(e.detail.value)        }    }}

Tips

  • input 事件处理函数内实时修改当前值不生效，可以延迟设置，例如：setTimeout(() => { this.value = 100 }, 0)。
  • 详见
  • 组件属性设置不生效解决办法
  • input的文档富文本编辑的解决方案在输入框里图文混排内容，在web上该功能依赖document，而小程序和app的正常页面又没有document。
  • 富文本编辑，有不少插件。 -

在 GitHub 上编辑此页面！