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


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 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
微信小程序使用template标签实现五星评分功能
Nov 03 Javascript
vue实现浏览器全屏展示功能
Nov 27 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 Javascript
详解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与XML联手进行网站编程代码实例
2008/07/10 PHP
php实现的用户查询类实例
2015/06/18 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
php之可变变量的实例详解
2017/09/12 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2013/11/14 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
详解AngularJS的通信机制
2015/06/18 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
jquery仿微信聊天界面
2017/05/06 jQuery
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
jQuery pjax 应用简单示例
2018/09/20 jQuery
webpack打包非模块化js的方法
2018/10/24 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
广州迈达威.net面试题目
2012/03/10 面试题
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
仓库管理专业个人的自我评价
2013/12/30 职场文书
大一军训感言
2014/01/09 职场文书
幼儿教师研修感言
2014/02/12 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
民间借贷借条如何写
2015/05/26 职场文书
通讯稿格式及范文
2015/07/22 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
Python自动化实战之接口请求的实现
2022/05/30 Python