微信小程序初体验

最新推荐文章于 2020-12-09 02:43:15 发布

带刀预言家

最新推荐文章于 2020-12-09 02:43:15 发布

阅读量291

点赞数

文章标签：微信跳转传递数据 image

本文链接：https://blog.youkuaiyun.com/qq_31628337/article/details/69361268

版权

最近参与到一个小程序的项目中，做最简单的写写页面啥的。
这次写的两个页面：
这里写图片描述

看页面就只知道实现起来其实并不难，但是这两个页面做起来还是涉及到一些比较陌生的地方。

页面1点击某一项后会跳转到页面2。页面2要在title显示页面1点击的标题。这里涉及到了数据传递。
小程序里的数据传递跟get请求类似，就是将参数写入url中。所以我们只需要在点击时将点击的内容作为参数传递过去即可。

<navigator url="./module_activity?title={{item}}" class="module_item_content">
    <text class="moduleName">{{item}}</text>
</navigator>

这里，在url上添加了一个title参数。
页面2如何取到该参数呢？

onLoad = function(option){
   this.title = option.title;
};

就是通过onLoad，option为一个对象，通过“.”就可以取到相应的参数啦。

这个是经常遇到的问题，可能一个地方需要图片但是没有图片信息的时候就当其不存在。
我这里使用wx：if解决的，如下：

<image src="{{item.src}}" wx:if="{{item.src!=undefined}}" mode="aspectFit"></image>

意思是若存在src属性则显示图片，且图片的src为item.src。
若不存在图片，需要默认图片替代，则：

view
  image[src="/images/lesson_def_small" wx:if="{{!pic}}"]
  image[src="{{pic}}" wx:else]

大佬教的~~