微信小程序入门---记事本增---删
2024-09-05 08:27:35
第一、如何获取input框的值(form表单提交除外)
bindinput事件
<input type='text'
placeholder="请输入内容"
placeholder-style='padding-left:10px'
bindinput='bindinput'
value='{{insertTest}}'
/>
/**
* 获取input值
*/
bindinput:function(e){
this.setData({
insertTest: e.detail.value,
});
},
第二、添加数据到数组
先存到data的数组中,
然后定义一个变量储存,
最后setData
/*
* add
* 添加的方法
*/
add:function(e){
this.data.testList.unshift(this.data.insertTest);// push(),添加到数组之后,unshift(),添加到数组之前
let list = this.data.testList;
this.setData({
testList:list,
insertTest:''
})
},
第三、删除点击对应的数据
/**
* delData 删除点击的数据
*/
delData:function(e){
this.data.testList.splice(e.currentTarget.dataset.index,1); // 数组的splice方法
var list = this.data.testList;
this.setData({
testList:list,
});
},
结果:
样式有点难看,只是自己的一个demo。
代码地址:https://github.com/suncpp/myResources
最新文章
- TODO:Go语言同名Go字体发布
- 打电话,发短信,发邮件,app跳转
- 关于using关键字
- 旅行家的预算 1999年NOIP全国联赛普及组NOIP全国联赛提高组
- [办公自动化]skydrive onedrive
- U盘
- Android HTTPS(4)直接用SSLSocket,黑名单,客户端证书
- 并行执行的Service,以媒体转码成新格式为例
- logstash tomcat catalina.out 告警
- JSON.parse()的异常怎么处理;
- Nginx详细安装部署教程
- 再学习之Spring(依赖注入)
- iOS 跑马灯带图片可点击
- java中的构造,封装
- vue重温之mint-ui------------点击事件绑定
- Mac 在terminal 上用命令打开sublime
- hystrix项目实战
- 【tmos】SpringBoot项目IDEA不识别依赖,但是能够运行时什么鬼?
- 一. Redis 常用命令
- radio选择