1. wepy 不能在computed中获取props对象内容,可以获取String,需使用setTimeout,不知为何
2. 项目中出现需求如所述:
点击灰色透明遮罩关闭遮罩层,点击白色区域的 “X” 也是关闭遮罩层
但是通过一般布局产生的结果是,点击白色就是点击灰色遮罩层,不能得到点击白色空白区域的点击事件
html结构如下
<!-- 点击白色空白区域也会触发handlePayTypeShow事件 -->
<view class="pay-wrapper" @tap="handlePayTypeShow">
<view class="pay-content">
<view class="pay-type-header">
<view class="header-wrapper">选择提货方式</view>
<view class="close-wrapper" @tap.stop="handlePayTypeShow">
<image class="image-close" src="http://res.innersect.net/wxapp/close.png"></image>
</view>
</view>
</view>
</view>
解决方法
修改代码结构,如下文,将pay-bg作为高度100%固定定位到页面,pay-content也是固定定位到底部区域,这样pay-bg和pay-content不存在了层级关系,也不用z-index了
<view class="pay-wrapper">
<view class="pay-bg" @tap="handlePayTypeShow"></view>
<view class="pay-content">
<view class="pay-type-header">
<view class="header-wrapper">选择提货方式</view>
<view class="close-wrapper" @tap.stop="handlePayTypeShow">
<image class="image-close" src="http://res.innersect.net/wxapp/close.png"></image>
</view>
</view>
</view>
</view>
原因
可能是z-index失灵,没有找到原因
3. 组件之间传递信息
wepy.navigateTo({
url: "/pages/order/order_delivery?orderNo=" + this.order.orderNo
});