微信小程序 获取javascript 里的数据


Posted in Javascript onAugust 17, 2017

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例:

wxml里:

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

data: {

  txt:{}
  }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个this.setData({})的方法,如:

onLoad: function (options) {
 
   var ta=options.kind;

   this.setData({

    txt:ta,

   })

 },

这样上面data里定义的txt的值就是ta的值了。

坑爹的遇到一个问题,小程序一定要用https;去腾讯云申请了个免费的,然后搞半天,一直绑定不上提示“指定的登录会话不存在...”

后来才知道原来是要先双击证书文件安装证书的...尴尬

以上就是微信小程序 获取javascript 里的数据的实例讲解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 #Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 #Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 #Javascript
微信小程序 获取session_key和openid的实例
Aug 17 #Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 #Javascript
BootStrap 页签切换失效的解决方法
Aug 17 #Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 #Javascript
You might like
用PHP制作静态网站的模板框架
2006/10/09 PHP
php日期转时间戳,指定日期转换成时间戳
2012/07/17 PHP
php ImageMagick windows下安装教程
2015/01/26 PHP
php实现cookie加密的方法
2015/03/10 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
jquery 学习笔记一
2010/04/07 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
使用javascript为网页增加夜间模式
2014/01/26 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
详解angular2如何手动点击特定元素上的点击事件
2018/10/16 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
javascript实现简易聊天室
2019/07/12 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
2020/02/11 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
Python中functools模块函数解析
2017/03/12 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
个人简历中的自我评价范例
2013/10/29 职场文书
取保候审保证书
2014/04/30 职场文书
2015年教师国培感言
2015/08/01 职场文书
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers