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


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 相关文章推荐
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
使用React实现轮播效果组件示例代码
Sep 05 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 Javascript
5个实用的JavaScript新特性
Jun 16 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
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
vue.js图片转Base64上传图片并预览的实现方法
2018/08/02 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访-EG篇
2018/04/03 DOTA
python使用cPickle模块序列化实例
2014/09/25 Python
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
党委班子剖析材料
2014/08/21 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers
如何优化vue打包文件过大
2022/04/13 Vue.js
Python如何将list中的string转换为int
2022/07/15 Ruby