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


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 相关文章推荐
addRule在firefox下的兼容写法
Nov 30 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
document.forms用法示例介绍
Jun 26 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
微信小程序之分享页面如何返回首页的示例
Mar 28 Javascript
详解一个小实例理解js原型和继承
Apr 24 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 Javascript
react国际化react-intl的使用
May 06 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
node.js中的console.error方法使用说明
2014/12/10 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
Vue函数式组件-你值得拥有
2019/05/09 Javascript
新手简单了解vue
2019/05/29 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
vue项目使用$router.go(-1)返回时刷新原来的界面操作
2020/07/26 Javascript
Python描述器descriptor详解
2015/02/03 Python
Python中字典的基础知识归纳小结
2015/08/19 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
Python笔试面试题小结
2019/09/07 Python
简单介绍一下pyinstaller打包以及安全性的实现
2020/06/02 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
土木工程应届生求职信
2013/10/31 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
行政文员岗位职责
2015/02/04 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
文艺晚会开场白
2015/05/29 职场文书
担保书格式范文
2015/09/22 职场文书
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js