微信小程序 wxapp内容组件 text详细介绍

编程学习 2021-07-04 20:01www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序 wxapp内容组件 text详细介绍的相关资料,并附简单实例代码,需要的朋友可以参考下

微信小程序 内容组件

相关文章:


微信小程序内容组件:text

文本节点,支持转义符"\"。

除了文本节点以外的其他节点都无法长按选中

示例:

<view class="section section_gap">
 <text>{{text}}</text>
 <view class="btn-area">
  <button bindtap="add">add line</button>
  <button bindtap="remove">remove line</button>
 </view>
</view>
var initData = 'this is first line\nthis is second line'
Page({
 data: {
 text: initData
 },
 extraLine: [],
 add: function(e) {
 this.extraLine.push('other line')
 this.setData({
  text: initData + '\n' + this.extraLine.join('\n')
 })
 },
 remove: function(e) {
 if (this.extraLine.length > 0) {
  this.extraLine.pop()
  this.setData({
  text: initData + '\n' + this.extraLine.join('\n')
  })
 }
 }
})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板