微信头像网
 
如何使用微信小程序开发工具实现文本域内容显示

如何使用微信小程序开发工具实现文本域内容显示

时间:2018年10月08日信息来源:本站原创 点击: 【字体:

  微信头像网获悉:在微信小程序开发工具中,有个组件textarea文本域,输入的文字内容可以进行换行,但是也有字符长度的限制;与input输入框相比,更为灵活多变。下面利用实例说明textarea组件的用法,操作如下:
  
  工具/原料
  
  微信小程序开发工具截图工具
  
  方法/步骤
  
  1.第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。
  
  2.第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容。
  
  3.第三步,接着保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。
  
  4.第四步,在文本域组件中输入相应的文字内容,尽可能输入多的内容。
  
  5.第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。
  
  6.第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边输入边查看结果
  
  注意事项
  
  微信头像网焦点:注意微信小程序中设置文本域属性的方法注意文本域失去焦点事件


如果您喜欢如何使用微信小程序开发工具实现文本域内容显示,请把网址告诉更多微信好友,相互帮助!

文章热词:
Copyright 2014-2018 Powered by weixintouxiang.cn All Rights Reserved.
微信头像网 版权所有 仿冒必究 客服QQ:66-82-667