uniapp 微信小程序自定义弹框+picker下拉选择列表+输入表单：拒绝-选择理由弹窗

原创

已于 2023-07-20 11:20:39 修改 · 2.5k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #notepad++

于 2023-07-20 11:17:09 首次发布

效果：
在这里插入图片描述

1、template

<!-- 拒绝-选择理由弹窗-->
<view class="reason-popover" v-if="showReasonDialog">
	<view class="reason-modal">
		<view class="reason-title">
			<text>请选择拒绝理由</text>
		</view>
		<view class="reason-bd">
			<view class="select-picker">
				<picker @change="bindPickerChangeReason" :value="itemIndex" :range="listArray"
					range-key="dictLabel">
					<input class="select-input" type="text" placeholder="请选择" disabled="disabled"
						v-if="itemIndex == -1"></input>
					<view class="select-input" v-else :value="listArray[itemIndex].dictLabel">
						{
   
   {
   
   listArray[itemIndex].dictLabel}}
					</view>
				</picker>
			</view>
			<textarea placeholder