小程序踩坑总结4

1. tabBar

     跳转到带有tabbar的页面必须使用:wx.switchTab({  url : '/index' });

2.小程序快速新建文件的方法

    在app.json中配置不存在的文件,如下红框中;

      保存编译后检测到post文件不存在会自动新建post文件夹并且新建4个基础开发文件;

3.模板嵌套以及模板嵌套数据传递

   场景介绍:

   在一个页面中嵌套3层模板,大致结构如图所示:

   代码写法:

   主要就是要import,不要忘记了wxss也需要import,不然样式不会生效

   模板C是最底层的一个,在模板B中导入,代码如下:

   模板C:

   模板B:嵌套模板C;导入模板C的wxml 和 wxss文件;

              导入最好是写相对路径,绝对路径会一直找不到文件

   模板A嵌套模板B是同样的嵌套方法,不在赘述;

   最终页面是直接导入模板A,如下:

   关于嵌套模板的数据传递问题:

      在最终页面的中可以看出使用了三次模板A,也就是会三次向模板A传递不同的数据,但是在模板A中只能有一种变量进行接收。这就需要使用 JS代码+模板数据的展开  两种方式来解决这个问题;

      模板数据的展开: 就是在变量前使用三个点 "...";

      对数据展开的理解:如果当前的inTheaters = { movies:movies },如果不展开,在模板中得到的就是{ movies:movies },但是使用展开在模板中最终获得的就是movies ;

       根据对模板展开的理解,就方便使用js代码对数据进行处理:

   在data中声明3个数据:

   从服务器获取到数据之后对数据进行处理:

   这时候data中声明的3个变量的数据格式如下:

       inTheaters: { movies: movies, cagetoryTitle: cagetoryTitle}

       comingSoon: { movies: movies, cagetoryTitle: cagetoryTitle}

       top250: { movies: movies, cagetoryTitle: cagetoryTitle}

   这个3个数据在页面中展开使用:

    这样原始不同的3种数据传递到模板中可以取同一个变量值进行数据绑定:

     后续会将代码更新到码云中:代码在这里

4.  request 400错误解决

     如下的代码会报错400

     但是如果加上header:

     依然报错:400

     最后解决:将json改为xml,就可以正常请求

5.动态设置导航栏标题

    必须在onReady中设置:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,843评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,777评论 19 139
  • 姬无尘仔细看道:“没有什么啊?” 风逐云道:“你仔细看。”姬无尘看向她的手指的地方。 却见那壁画中的元帝元后面相庄...
    荣蔓蔓阅读 2,454评论 0 2
  • 匆匆忙忙的画了一幅小兔子,展开的自我介绍,不知道小伙伴们能否看得出来是只兔子呢!
    Hebe_c95阅读 1,254评论 1 1
  • 晚上写完了作业你突然长长地叹了一口气,我没有问你怎么了,你若真想对我说,根本不需要我问。果然,过了一会儿你故作轻松...
    晓寒iyoyo阅读 1,644评论 1 2