通过点击按钮来实现picker组件的展开与收起

页面有两种状态,一种是可编辑状态,一种是不可编辑状态。只有当页面处于可编辑状态时,点击picker组件才会弹出。

一:为picker组件添加disabled属性,并且绑定变量一个变量

<picker @change="singleClick($event,1)" :range="checkList"  style="width: 100%;" :disabled="pickerDisable">
	<view class="flex-center1">
		<text>是否需要泊车</text>
		<view>
		    <text v-if="customerInfo.car === ''">暂无</text>
			<text class="valueText" v-else>{{checkList[customerInfo.car]}}</text>
			<u-icon name="arrow-right" color="#333333" size="28"></u-icon>
		</view>
	</view>
</picker>

二:通过改变变量的值来实现picker组件的展开与收起

edit()
{
		this.pickerDisable = false;
		this.$refs.uToast.show({
			title: '可以进行编辑啦~',
			type: 'warning',
			icon: false
	    })
}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值