微信小程序-text
来源:互联网 发布:网络配线架报价 编辑:程序博客网 时间:2024/06/08 04:53
WXML
<view> <text>{{text}}</text> <button type='primary' bindtap='add'>add line</button> <button type='primary' bindtap='remove'>remove line</button></view>
JS
var initData = 'this is first line\nthis is second line'var extraLine = [];Page({ /** * 页面的初始数据 */ data: { text:initData }, add:function(e){ extraLine.push('other line') //push:添加一个元素 this.setData({ text:initData +'\n' +extraLine.join('\n') //join:在每个元素后面加"\n" }) }, remove:function(e){ extraLine.pop() //pop:删除最后的元素 this.setData({ text:initData +'\n' + extraLine.join('\n') }) })
效果图:
阅读全文
0 0
- 微信小程序 rich-text
- 微信小程序-text
- 微信小程序--text组件学习
- 微信小程序----组件之text
- 微信小程序把玩(十二)text组件
- 微信小程序学习(8)-text组件
- 微信小程序的text 的换行
- 微信小程序 rich-text a标签
- [微信小程序] rich-text富文本
- 微信小程序----组件之rich-text
- 微信小程序组件(四)text
- 微信小程序如何让text内容空格?
- 微信小程序学习(五)之text组件
- 2.2.2微信小程序内容组件 text(文本)
- 微信小程序icon,text,progress,button,checkbox,form
- 微信小程序text文本溢出单行/多行省略
- 微信小程序tabbar的text,在模拟器可以,真机不显示
- sublime text执行perl程序
- loadrunner Lr_类函数之lr_db_getValue()
- bootstrap 格栅
- Python:Django项目( 一)!
- 浅析一句话木马
- Linux工程管理器和GDB调试器
- 微信小程序-text
- 理解 Thread.Sleep 函数
- 文章标题
- Python编程入门到实践:(看书总结9-9)
- 洛谷P1330 封锁阳光大学(BFS, 并查集)
- java和javascript正则表达对比
- linux c动态链接库的使用
- poj2195 Going Home(费用流|KM)
- GYM 101243 F.Vitamins【思维+并查集】