快上网专注成都网站设计成都网站制作成都网站建设

成都网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

微信小程序如何实现textarea组件

这篇文章将为大家详细讲解有关微信小程序如何实现textarea组件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联从2013年创立，先为来安等服务建站，来安等地企业，进行企业商务咨询服务。为来安企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

多行输入框。

属性名	类型	默认值	说明
value	String		输入框的内容
placeholder	String		输入框为空时占位符
placeholder-style	String		指定 placeholder 的样式
placeholder-class	String	textarea-placeholder	指定 placeholder 的样式类
disabled	Boolean	false	是否禁用
maxlength	Number	140	最大输入长度，设置为0的时候不限制最大长度
auto-focus	Boolean	false	自动聚焦，拉起键盘。页面中只能有一个 </code> 或<code><input/></code> 设置 auto-focus 属性</td></tr><tr><td>focus</td><td>Boolean</td><td>false</td><td>获取焦点（开发工具暂不支持）</td></tr><tr><td>auto-height</td><td>Boolean</td><td>false</td><td>是否自动增高，设置auto-height时，style.height不生效</td></tr><tr><td>bindfocus</td><td>EventHandle</td><td> </td><td>输入框聚焦时触发，event.detail = {value: value}</td></tr><tr><td>bindblur</td><td>EventHandle</td><td> </td><td>输入框失去焦点时触发，event.detail = {value: value}</td></tr><tr><td>bindlinechange</td><td>EventHandle</td><td> </td><td>输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}</td></tr></tbody></table><p>示例代码：</p><pre><!--textarea.wxml--> <view class="section"> <textarea bindblur="bindTextAreaBlur" auto-height placeholder="自动变高" /> </view> <view class="section"> <textarea placeholder="placeholder颜色是红色的" placeholder- /> </view> <view class="section"> <textarea placeholder="这是一个可以自动聚焦的textarea" auto-focus /> </view> <view class="section"> <textarea placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" /> <view class="btn-area"> <button bindtap="bindButtonTap">使得输入框获取焦点</button> </view> </view></pre><pre>//textarea.js Page({ data: { height: 20, focus: false }, bindButtonTap: function() { this.setData({ focus: true }) }, bindTextAreaBlur: function(e) { console.log(e.detail.value) } })</pre><p>Bug & Tip<code>bug</code>: 微信版本 <code>6.3.30</code>，<code>textarea</code> 在列表渲染时，新增加的 <code>textarea</code> 在自动聚焦时的位置计算错误<code>tip</code>: 请勿在 <code>scroll-view</code> 中使用 <code>textarea</code> 组件</p><p>关于“微信小程序如何实现textarea组件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。</p> <br> 当前名称：微信小程序如何实现textarea组件 <br> 网站路径：<a href="http://6mz.cn/article/gjseij.html">http://6mz.cn/article/gjseij.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ggossd.html">有哪些免费云存储服务</a> </li><li> <a href="/article/ggosoj.html">如何实现Kafka的入门</a> </li><li> <a href="/article/ggoche.html">vue中多路由表头吸顶实现的几种布局方式</a> </li><li> <a href="/article/ggochp.html">怎么把IDEA中的项目提交到GitHub中</a> </li><li> <a href="/article/ggocgc.html">公司虚拟主机欠费怎么解决</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设，集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求联系我们 028-86922220 手机：13518219792 地址：成都市太升南路288号锦天国际A幢1002号 24小时服务热线：400-028-6601 网站建设服务网页设计网站制作网站开发网站推广服务营销网站建设百度快速排名整站网站推广网站运维服务基础维护网站改版网站维护 FOLLOW US 微信二维码微信二维码友情链接：重庆服务器托管响应式报价江油网站建设网站开发交互设计网创优客 IDC机房托管重庆联通机房托管东电技改腾讯香港虚拟主机 Copyright © 2022 成都快上网科技有限公司成都网站建设公司-选网站建设公司快上网！国内专业的网站制作公司！ All Rights Reserved 版权所有蜀ICP备19037934号-11