vant的picker的坑

<view class="picker" bindtap="goSub">
	{{subjectname}}
	<image class="img" src="../../images/bottom-arrow-pic.png"></image>
	<!-- 年级筛选 -->
	<van-popup show="{{ subShow }}" bind:close="subClose" position="bottom" overlay-style="background:rgba(0,0,0,0.3)">
		<van-picker columns="{{ subColumns }}" bind:cancel="subCancel" bind:confirm="subConfirm" show-toolbar value-key="name"
		 toolbar-class="cancon" />
	</van-popup>
</view>

咋一看上面的代码貌似没有什么问题,但是点击picker出来之后会发现,关闭不了了,无论怎么点都不会关闭弹出层,页面也无报错信息,经过测试发现,组件写错地方了,下面是正确的写法

<view class="picker" bindtap="goSub">
	{{subjectname}}
	<image class="img" src="../../images/bottom-arrow-pic.png"></image>
</view>
<!-- 年级筛选 -->
<van-popup show="{{ subShow }}" bind:close="subClose" position="bottom" overlay-style="background:rgba(0,0,0,0.3)">
	<van-picker columns="{{ subColumns }}" bind:cancel="subCancel" bind:confirm="subConfirm" show-toolbar value-key="name"
	 toolbar-class="cancon" />
</van-popup>

看出来不同之处了吧,相比大家都明白为什么了。


版权声明:本文为qq_43338177原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。