Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >小程序中监听textarea或者input输入的值动态改变data中数组的对象的值

小程序中监听textarea或者input输入的值动态改变data中数组的对象的值

作者头像
用户4792944
修改于 2019-04-22 04:35:52
修改于 2019-04-22 04:35:52
5.8K00
代码可运行
举报
文章被收录于专栏:小程序栏小程序栏
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Page({
  data: {
    todoLists:[
      {
        detail:"",
        date:"",
        location:"",
        priority:"",
        remark:"",
        dateStatus:false,
        locationStatus:false,
        dateRepeat:false,
        completeStatus: false,
        currentInput:"",
      },
      {
        detail: "",
        date: "",
        location: "",
        priority: "",
        remark: "",
        dateStatus: false,
        locationStatus: false,
        dateRepeat: false,
        completeStatus: false,
        currentInput:"",
      }
    ],
  },
  getInput:function(e){
    let index = e.currentTarget.dataset.index;
    let currentInput = `todoLists[${index}].currentInput`;
    this.data.todoLists[index].currentInput = e.detail.value;
    this.setData({
      todoLists: this.data.todoLists
    })
    console.log(this.data.todoLists[index].currentInput) // 可以实时改变
  }
})
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<textarea class="weui-textarea {{ item.completeStatus && item.completeStatus === true ? 'text-transparent' : '' }}" placeholder="请输入文本" bindinput="getInput" maxlength="1000" data-index="{{index}}" value="{{item.currentInput}}" auto-height auto-focus="true" />

小程序中监听textarea或者input输入的值动态改变data中数组的对象的值,不能通过setData设置数组对应索引的对象的值来改变,改变之后,能检测到改变,但是值为空。先通过赋值改变其中数组中的对象的值,然后重新设置数组。

参考链接:https://blog.csdn.net/chou_out_man/article/details/75575100

https://cloud.tencent.com/developer/article/1186246

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Hadoop hdfs配置
网络情况:网络为:192.168.80.0,网关为192.168.80.2,掩码为255.255.255.0,域名202.196.32.1。
张哥编程
2024/12/19
1410
Hadoop hdfs配置
Hadoop伪分布式系统搭建
Power
2025/03/03
1920
hadoop一小时搞定单机搭建
首先,由于hadoop是用java写的,所以在安装hadoop之前呢,需要先把jdk环境装好。
我的小熊不见了丶
2019/05/22
5440
Hadoop伪分布式安装 Ubuntu 18.04
打开浏览器: http://localhost:50070/, 显示如下界面,成功
YingJoy_
2018/12/24
1.1K0
Hadoop安装与配置详细教程「建议收藏」
我的三台CentOS7服务器: 主机:master(192.168.56.110) 从机:slave0(192.168.56.111) 从机:slave1(192.168.56.112)
全栈程序员站长
2022/09/02
5.4K1
Hadoop安装与配置详细教程「建议收藏」
大数据随记 —— Hadoop 环境搭建
在每个虚拟机的 hosts 文件后面增加自己所安装的虚拟机的 IP 地址以及主机名。
繁依Fanyi
2023/05/07
4880
大数据随记 —— Hadoop 环境搭建
hadoop2.6和hbase1.0单机版安装配置
环境 系统:Ubuntu 14.04 hadoop版本:2.6.0 hbase版本:1.0 jdk版本:1.8 下载地址:Apache上慢慢找吧~~ ---- jdk的环境配置这里就不列出来了,首先讲一下hadoop配置吧。 hadoop安装 1.安装位置:/opt 2.创建hadoop用户组 sudo addgroup hadoop 3.创建hadoop用户 sudo adduser -ingroup hadoop hadoop 4.给hadoop添加权限 sudo
forrestlin
2018/05/23
7720
Hadoop集群搭建
'readonly' option is set (add ! to override) 查看5.1解决。
ha_lydms
2023/08/10
5070
Hadoop集群搭建
Hadoop伪分布式搭建
1. 关闭防火墙 2. 安装JDK 3. 修改主机名,在Hadoop中,要求主机名中不能出现_和- cd /etc/sysconfig vim network 修改HOSTNAME,主机名最好是字母或者数字,但是不能全部是数字,数字最好不作为开头。例如: HOSTNAME=hadoop01 保存退出,并且重新生效 source network 4. 将主机名和IP进行映射 cd .. vim hosts 添加映射,例如: 192.168.229.131 hadoop01 保存退出 5
姜同学
2022/10/27
5150
hadoop安装
redhat 系 : yum install java-1.8.0-openjdk
Check King
2023/04/24
2890
hadoop安装
学习大数据从安装Hadoop开始(单机版)
最近上手学习大数据,大数据当然离不开核心的Hadoop,所以首先要搭建一个Hadoop环境。我本机电脑配置不太高,又是学习阶段,所以就整个单机版的玩玩,下面记录一下步骤,希望对大家有所帮助。
java技术爱好者
2021/12/31
4730
学习大数据从安装Hadoop开始(单机版)
hadoop3种集群方式
  $>cp /mnt/hdfs/downloads/bigdata/jdk-8u65-linux-x64.tar.gz ~/downlooads
py3study
2020/01/14
5260
大数据篇---hadoop学习一、搭建hadoop环境(centos7)二、hadoop知识点
大咖揭秘Java人都栽在了哪?点击免费领取《大厂面试清单》,攻克面试难关~>>>
用户2337871
2020/11/13
5090
大数据篇---hadoop学习一、搭建hadoop环境(centos7)二、hadoop知识点
hadoop之旅1
mac下安装Hadoop 主要是介绍在Mac系统下安装Hadoop的相关步骤,包含: 安装包的下载:JDK和``Hadoop` JDK 的安装和配置 SSH的配置,实现免密登陆 hadoop的安装与配置 hadoop集群搭建 基于Hadoop2.9.2使用云服务器搭建hadoop集群 安装包下载 下载JDK 下载Hadoop 主机名和IP的映射关系实现 编辑/etc/hosts文件 >> vim /etc/hosts # 127.0.0.1 # 写入主机IP地址和名称 172.20.18.3
皮大大
2021/03/02
2680
centos7搭建hadoop3.*.*系列
 最近搭建这个hadoop踩过不少坑,先是配置JDK搞错路径(普通用户和root用户下的路径不同),再就是hadoop版本不同导致的启动错误,网上找到的是hadoop2.*.*的版本,但是我安装的hadoop3.*.*的版本,环境配置有部分不同。希望大家不要重蹈覆辙!
孙晨c
2019/09/10
8030
centos7搭建hadoop3.*.*系列
Hadoop单机伪分布式部署
Hadoop 在单节点上以伪分布式模式运行,其中每个 Hadoop 守护进程在单独的 Java 进程中运行。
云原生
2022/09/01
3610
Hadoop单机伪分布式部署
Hadoop-2.7.4 集群快速搭建
Hadoop简介 Hadoop是一个由Apache基金会所开发的分布式系统基础架构。 用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。 Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS。HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上;而且它提供高吞吐量(high throughput)来访问应用程序的数据,适合那些有着超大数据集(large data set)的应用程
程序员鹏磊
2018/02/09
1.4K0
Hadoop-2.7.4 集群快速搭建
Hadoop集群安装
Hadoop安装主要就是配置文件的修改,一般在主节点进行修改,完毕后scp分发给其他各个从节点机器。
张哥编程
2024/12/07
1710
Hadoop基础教程-第2章 Hadoop快速入门(2.3 Hadoop单机配置)
常见的Hadoop部署模式分为单机模式和集群模式,也称为伪分布式模式和分布式模式。 单机模式(伪分布式)模式是在一个节点上部署所有的Hadoop服务。在使用上,单机模式(伪分布式)模式跟集群模式(分布式模式)是一样的。
程裕强
2022/05/06
3060
Hadoop基础教程-第2章 Hadoop快速入门(2.3 Hadoop单机配置)
安装和配置Hadoop(单节点)
Hadoop生态圈仍处于欣欣向荣的发展态势,不断涌现新的技术和名词。Hadoop的HDFS、YARN、MapReduce仍是最基础的部分,这篇文章记录了如何一步步在linux上安装单节点的Hadoop,之后就可以在它上面做一些练习了。截至目前(2018.7.16),Hadoop的最新版本是3.0.3,但使用最新版本的问题是:当你遇到问题时,所能找到的资料或者书籍都是针对较晚版本的。因此,对一项技术,如果没有达到特别熟悉,安装次新、或者次次新版本是一个相对稳妥的做法。所以,我选择安装的是2.9.1版本。
张子阳
2018/09/28
2.9K0
安装和配置Hadoop(单节点)
相关推荐
Hadoop hdfs配置
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验