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


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的一个图片hover的插件
Apr 24 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
javascript实现全角转半角的方法
Jan 23 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 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
DISCUZ 分页代码
2007/01/02 PHP
15种PHP Encoder的比较
2007/03/06 PHP
PHP生成带有雪花背景的验证码
2008/09/28 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
JS 动态加载脚本的4种方法
2009/05/05 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
2018/04/04 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
2014年个人业务工作总结
2014/11/17 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
python基础之类属性和实例属性
2021/10/24 Python