uView icon indicating copy to clipboard operation
uView copied to clipboard

因为 uniapp 编译的原因, u-picker picker-view v-if 写法不兼容支付宝小程序的问题

Open lcysgsg opened this issue 5 years ago • 4 comments

uni-app v2.8.8.20200820 uview v1.6.5

支付宝小程序中:

嵌入页面的滚动选择器。 其中只可放置 picker-view-column 组件,其它节点不会显示。 该组件内部请勿放入 hidden 或 display none 的节点,需要隐藏请用 a:if 切换。

uni-app 编译出的写法,如果对当前标签使用 v-if ,编译时,会把 v-if 套在外层自动生成的 block 标签上。

支付宝不会显示 picker-view 下使用除 picker-view-column 外的其它组件, 本来只是被忽略。 但是,多了一个 if,它就崩溃了。为什么多了个 if 就崩溃了? 我也不知道。

alipay picker-view 可以用这个实验, 在 picker-view 外层套一个标签并设置 a:if

  1. 等 uni-app 兼容写法
  2. 避免在 picker-view 里使用 if

需要我帮忙提pr兼容这一部分吗?

lcysgsg avatar Sep 01 '20 07:09 lcysgsg

补充一下, a:iffalse 的时候才会崩溃

<picker-view value="{{value}}" onChange="onChange" class="my-picker">
        <block a:if="{{ false }}">
          <picker-view-column>
            <view>2011</view>
            <view>2012</view>
            <view>2013</view> 
            <view>2014</view>
            <view>2015</view>
            <view>2016</view>
            <view>2017</view>
            <view>2018</view>
          </picker-view-column>
        </block>
        <picker-view-column>
          <view>春</view>
          <view>夏</view>
          <view>秋</view>
          <view>冬</view>
        </picker-view-column>
</picker-view>

lcysgsg avatar Sep 01 '20 07:09 lcysgsg

+1

yxhua240 avatar Nov 24 '20 01:11 yxhua240

还没解决。。。

y951681334 avatar Apr 09 '21 08:04 y951681334

还没解决

chunfangyao avatar Sep 14 '21 02:09 chunfangyao