uniapp checkbox 优化多选

			changeAccidentType(e){
				console.log('e:',e);
				console.log(e.detail.data)
				this.form.accidentType = []
				e.detail.data.forEach((item,index) => {
					console.log(item.text)
					this.form.accidentType.push(item.text)
				})
				
			},
		<u-popup v-model="accidentTypeShow" mode='bottom'>
			<uni-data-checkbox multiple v-model="value" :localdata="range" @change="changeAccidentType" mode='tag'></uni-data-checkbox>
		</u-popup>
			<u-form-item label="事故类型" prop="accidentType" label-width="150">
				<block v-for='(item,index) in form.accidentType' :index='index' :key='key'>
					<u-tag :text="item" shape="square" />
				</block>				
				<u-input placeholder="请点击选择事故类型" :disabled="true" @click='accidentTypeShow = true' />
			</u-form-item>

posted @ 2022-09-15 18:00  盘思动  阅读(664)  评论(0编辑  收藏  举报