【微信小程序】Text（91/100）

lichong951

已于 2025-08-24 20:31:17 修改

阅读量216

点赞数

CC 4.0 BY-SA版权

分类专栏： # 微信小程序文章标签：微信小程序小程序微信小程序断点调试微信开发者工具mac 微信小程序单选框微信小程序怎么打断点调试微信小程序switch

于 2022-07-17 20:34:28 首次发布

本文链接：https://blog.csdn.net/lichong951/article/details/125836560

微信小程序专栏收录该内容

29 篇文章

订阅专栏

随着Postman在国内使用遇到诸多不便，作者开发了SmartApi作为替代，它具备API参数填写、响应数据展示、PDF分享文档、Mock本地化等核心功能。SmartApi v1.0.0现已上线，虽然功能有所精简，但能满足日常API调试需求。下载链接已提供，助力开发者更便捷地进行API开发和调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
UI布局如下：

<!--pages/text/text.wxml-->
<view class="text-box" scroll-y="true" scroll-top="{{scrollTop}}">
        <text>{{text}}</text>
      </view>
      <button disabled="{{!canAdd}}" bindtap="add">add line</button>
      <button disabled="{{!canRemove}}" bindtap="remove">remove line</button>

数据与控制器

// pages/text/text.js
const texts = [
  '2011年1月，微信1.0发布',
  '同年5月，微信2.0语音对讲发布',
  '10月，微信3.0新增摇一摇功能',
  '2012年3月，微信用户突破1亿',
  '4月份，微信4.0朋友圈发布',
  '同年7月，微信4.2发布公众平台',
  '2013年8月，微信5.0发布微信支付',
  '2014年9月，企业号发布',
  '同月，发布微信卡包',
  '2015年1月，微信第一条朋友圈广告',
  '2016年1月，企业微信发布',
  '2017年1月，小程序发布',
  '......'
]
Page({

  /**
   * 页面的初始数据
   */
  data: {
    text: '',
    canAdd: true,
    canRemove: false
  },
  extraLine: [],
  add() {
    this.extraLine.push(texts[this.extraLine.length % 12])
    this.setData({
      text: this.extraLine.join('\n'),
      canAdd: this.extraLine.length < 12,
      canRemove: this.extraLine.length > 0
    })
    setTimeout(() => {
      this.setData({
        scrollTop: 99999
      })
    }, 0)
  },
  remove() {
    if (this.extraLine.length > 0) {
      this.extraLine.pop()
      this.setData({
        text: this.extraLine.join('\n'),
        canAdd: this.extraLine.length < 12,
        canRemove: this.extraLine.length > 0,
      })
    }
    setTimeout(() => {
      this.setData({
        scrollTop: 99999
      })
    }, 0)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },