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


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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 Javascript
在JavaScript中typeof的用途介绍
Apr 11 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
vue-router单页面路由
Jun 17 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php下MYSQL limit的优化
2008/01/10 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
php源码的使用方法讲解
2019/09/26 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
js计数器代码
2006/11/04 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
python中使用序列的方法
2015/08/03 Python
python实现多线程网页下载器
2018/04/15 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
介绍一下Linux文件的记录形式
2012/04/18 面试题
结婚典礼证婚词
2014/01/11 职场文书
超市商业计划书
2014/05/04 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书
独生子女证明范本
2015/06/19 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
小学感恩主题班会
2015/08/12 职场文书