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


Posted in Javascript onOctober 31, 2016

微信小程序 内容组件

相关文章:

微信小程序内容组件: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')
  })
 }
 }
})

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

Javascript 相关文章推荐
通过onmouseover选项卡实现img图片的变化
Feb 12 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
Nov 09 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
vue2组件之select2调用的示例代码
Oct 12 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
vue指令v-html使用过滤器filters功能实例
Oct 25 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 #Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 #Javascript
微信小程序 wxapp地图 map详解
Oct 31 #Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 #Javascript
微信小程序 wxapp视图容器 view详解
Oct 31 #Javascript
详解JavaScript跨域总结与解决办法
Oct 31 #Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 #Javascript
You might like
一个查看session内容的函数
2006/10/09 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
php 用sock技术发送邮件的函数
2007/07/21 PHP
apache配置虚拟主机的方法详解
2013/06/17 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
js中的this关键字详解
2013/09/25 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
Python下rrdtool模块的基本使用方法
2015/11/13 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
德国网上花店:Valentins
2018/08/15 全球购物
init进程的作用
2015/08/20 面试题
员工拾金不昧表扬信
2014/01/09 职场文书
村容村貌整治方案
2014/05/21 职场文书
python缺失值的解决方法总结
2021/06/09 Python