小程序模板网

微信小程序Wxml Panner失效坑,小程序参数传递

发布时间:2018-04-16 10:28 所属栏目:小程序开发教程

一:Wxml Panner失效的问题

分享者:Zuozuo,原文地址 
微信小程序刚出来火了一把之后,然后突然就这么风平浪静了,也没有怎么听人提起,差点以为死了。这几天,领导突然要求写一个小程序给地方推广人员采集资料之用。

前面稍微看了一下小程序,不是HTML5,不是CSS3,叫Wxml Wxss。与前者有着非常多的联系,但是又有诸多不同。稍微写了一个页面,感觉还好。然后就搁下了。

这周突然要求要写这个小程序,看了看开发文档,就上手写了,写完了基本的东西,UI做了个图让按照UI设计的改。然后毛病就来了。Wxml Panner调速器,也是调试HTML和样式调试器,在做了任何修改保存之后,Wxml Panner这货就装死用不了。一片空白,一下子就懵逼了。调试器用不了,改UI,扯淡呢。然后叫来前端开发来帮忙,改了一下午,改了那么2个东西,项目只给了2个星期。怕是要完。到处问百度,看博客,看开发手册,均未能解决此问题。

于是重新弄了个项目,调了半天,发现并没有问题。于是决定重写程序,毕竟写的还不是太多,代价还不是太大。一步一步调试,写一句试一次。终于在第三天解决了此问题。**的,微信取用变量采用的是数据绑定的形式。{{value}}这样的形式,前面写JAVA,使用#{value},${value},后面是可以拼接字符的。但是微信这家伙不支持这种形式,属于错误的写法。拼接的字符也必须写在大括号内。但是编辑器不但不报错,而且还能编译通过。这还不算,编译通过之后,会导致调试器瘫痪。真的,不带这么坑的。还有那个手机模拟器,模拟效果跟手机上的差距感觉是有点大啊。真心够渣啊。工具的问题还是比较多的。官网的更新一直在修复一些问题,但愿能早点成为一款成熟的IDE和开发语言吧。看到论坛里面有提到这个问题的,说是在2016年就修复了这个BUG,但是我觉得这BUG还是并没有完全修复。

 

二:参数传递

分享者:worldale,原文地址 
1、通过事件传递参数

 

				
  1. <view data-id="103" bindtap="evenName"></view>
 

				
  1. Page({
  2.  
  3. evenName: function(e) {
  4.  
  5. //获得点击事件传递的id
  6.  
  7. console.log(e.target.dataset.id);
  8.  
  9. })

2、通过页面跳转传递参数

页面1:

 

				
  1. wx.navigateTo({
  2.  
  3. url: '/pages/scan-order/scan-order?scanId=' + variable
  4.  
  5. })

页面2:/pages/scan-order/scan-order

 

				
  1. Page({
  2.  
  3. onLoad: function(e) {
  4.  
  5. this.setData({
  6.  
  7. userScanId: e.scanId
  8.  
  9. })
  10.  
  11. }
  12.  
  13. })


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23429.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询