小程序开发之留言板(可以手写,可以删除,可以快速留言)

该博客介绍了一个使用小程序开发的留言板功能,用户可以选择预设留言或自定义输入,支持手写、删除和快速留言。通过点击预设留言,可以在文本框中添加或移除内容。提交留言时,会发送请求到服务器进行处理。
摘要由CSDN通过智能技术生成
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {

    msgData:
    [
      {
        child_id: 1,
        msg:
        "泡澡水不要太热。",
        checked:''
      },//双引号
      {
        child_id: 2,
        msg:
        "面部比较干,想补个水。",
        checked: ''
      },
      {
        child_id: 3,
        msg:
        "我只有2小时,您看着安排吧。",
        checked: ''
      },
      {
        child_id: 4,
        msg:
        "我想把眉毛在修下。",
        checked: ''
      },
      {
        child_id: 5,
        msg:
        "给我清个痘痘。",
        checked: ''
      },
      {
        child_id: 6,
        msg:
        "头疼,能轻点按。",
         checked:''
      }
    ],
    message: '',
    message_id:[],
  },
  bindTextAreaChange: function(e){
    var that = this
    that.setData({
      message:e.detail.value
    })
  },

  click:function(e){
    var that = this;
    let id = e.currentTarget.dataset.id;
    let index = e.currentTarget.dataset.index;
    var value = [];
    value = this.data.message_id;
    var array_i = this.in_array(id, value);
    var chekeds = that.data.msgData;
    var msg = chekeds[index].msg;
    var message = that.data.message;
    if (!e.currentTarget.dataset.checked){ 
      chekeds[index].checked = true
      that.setData({
        message: message + msg
      })
    }else{
    
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值