小程序总结（十五）- 关于web-view嵌套的H5页面的分享功能

看过了很多别人的博客，吸收 了他们的主要思想，但是觉得他们又写的太复杂，于是决定自己写一篇，一目了然，简单直接。

1、使用小程序打开m站的h5页面

2、打开之后，用户可以进行分享H5页面的内容

其实使用起来特别简单，只需在页面中放入这样一个标签即可，其中src一定是要在小程序管理中心配置过的。特别注意一下，web-view会占满整个页面，不管这个页面有什么其它的东西，都不会展示出来。

 <block wx:for-items="{{array}}" wx:key="{{item.id}}">  

做最外层循环，这里array的数组元素，就变为item了，item有2个属性，其中一个是list,

循环我们需要的数据,然后我们和往常使用wx:for一样,item遍历的时候直接item.info    item.list 等等直接使用就可以

但是当我们点击类名需要显示二级分类list里面的列表

 <block wx:for-items="{{array}}" wx:key="{{item.id}}">  

【注意】 这个 wx:for-items="{{array}}" 默认的循环项为item,不需要指定了。所以，第二层循环的item,解释器已经理解了，就是指向array的,现在item下面的list，依旧是一个数组，我们可以在嵌套来遍历他。

<block wx:for-items="{{item.list}}" wx:for-item="page" wx:key="*item"> 

用wx:for-items="{{item.list}}"，对array里面的list属性内嵌数组做了遍历循环      注意后面跟了 wx:for-item="page"  而且item没有s  

就是对指向array的 item 的元素 list 数组的元素重新命名为page了，后面的page *** 作，就是对这个内嵌数组 *** 作,二层循环用page.name   page.url就可以了。这里wx:for-item的命名其实是一个可选项，如果不命名，默认就是item，也就是嵌套的循环下标也是item，大概是为了避免误解，导致，微信团队，又加了这一个功能，个人觉得有点多余。

---