用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-3-8 09:36

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

一: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. data-id="103" bindtap="evenName">
  1. Page({
  2. evenName: function(e) {
  3. //获得点击事件传递的id
  4. console.log(e.target.dataset.id);
  5. })

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

页面1:

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

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

  1. Page({
  2. onLoad: function(e) {
  3. this.setData({
  4. userScanId: e.scanId
  5. })
  6. }
  7. })
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏