微信小程序 传值取值的几种方法总结


Posted in Javascript onJanuary 16, 2017

微信小程序 传值取值

小程序里常见的取值有以下几种,一个完整的项目写下来,用到的概率几乎是100%。

  • 列表index下标取值
  • 页面传值
  • form表单取值

1. 列表index下标取值

实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可

1.1 生成值

<image src="../../../images/icon_delete.png" /><text>删除</text>

在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap="delete"

<view data-index="{{index}}" bindtap="delete"><image src="../../../images/icon_delete.png" /><text>删除</text></view>

实现delete方法,取到index下标值。

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

Javascript 相关文章推荐
jQuery实战之品牌展示列表效果
Apr 10 Javascript
运算符&amp;&amp;的三个不同层次
Apr 07 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
Aug 29 Javascript
基于JavaScript实现自动更新倒计时效果
Dec 19 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
详解vue-Resource(与后端数据交互)
Jan 16 #Javascript
微信小程序 封装http请求实例详解
Jan 16 #Javascript
详解vue-validator(vue验证器)
Jan 16 #Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 #Javascript
webpack入门必知必会
Jan 16 #Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 #Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 #Javascript
You might like
PHP setTime 设置当前时间的代码
2012/08/27 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
Javascript实现的分页函数
2007/02/07 Javascript
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
js tab效果的实现代码
2009/12/26 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
web.py获取上传文件名的正确方法
2014/08/26 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
Python高并发解决方案实现过程详解
2020/07/31 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
python 实现客户端与服务端的通信
2020/12/23 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
超市5.1促销活动
2014/01/15 职场文书
降价通知函
2015/04/23 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
Redis主从配置和底层实现原理解析(实战记录)
2021/06/30 Redis
P站美图推荐——变身女主角特辑
2022/03/20 日漫
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js