diff --git a/pages/vue/data-select/data-select.vue b/pages/vue/data-select/data-select.vue
index f3790a86..fbe4d7b7 100644
--- a/pages/vue/data-select/data-select.vue
+++ b/pages/vue/data-select/data-select.vue
@@ -3,15 +3,15 @@
 		<uni-card :is-shadow="false" is-full>
 			<text class="uni-h6">通过数据驱动的单选框和复选框，可直接通过连接 uniCloud 获取数据，同时可以配合表单组件 uni-forms 使用</text>
 		</uni-card>
-		<uni-section title="本地数据" type="line">
-			<view class="uni-px-5 uni-pb-5">
-				<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
-			</view>
-		</uni-section>
-		<uni-section title="禁用状态" type="line">
-			<view class="uni-px-5 uni-pb-5">
-				<uni-data-select v-model="value" :disabled="true" :localdata="range"></uni-data-select>
-			</view>
+		<uni-section title="本地数据" type="line">
+			<view class="uni-px-5 uni-pb-5">
+				<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
+			</view>
+		</uni-section>
+		<uni-section title="禁用状态" type="line">
+			<view class="uni-px-5 uni-pb-5">
+				<uni-data-select v-model="value" :disabled="true" :localdata="range"></uni-data-select>
+			</view>
 		</uni-section>
 		<!-- 		<uni-section title="云端数据" subTitle="连接云服务空间, 且存在相关的数据表才能生效(此处演示, 未连接云服务空间, 故不生效, 且有报错)" type="line">
 			<uni-data-select collection="opendb-app-list" field="appid as value, name as text" v-mode="value" />
@@ -31,6 +31,11 @@
 				<uni-data-select placement="top" v-model="value" :localdata="range" @change="change" label="应用选择"></uni-data-select>
 			</view>
 		</uni-section>
+		<uni-section title="多选" type="line">
+			<view class="uni-px-5 uni-pb-5">
+				<uni-data-select v-model="defaultValue" mode="multiple" :localdata="options" @change="change"></uni-data-select>
+			</view>
+		</uni-section>
 	</view>
 </template>
 
@@ -52,12 +57,68 @@
 						"value": 2,
 						"text": "游泳"
 					}
-				]
+				],
+				defaultValue: [2, 3],
+				options: [{
+						"value": 0,
+						"text": "篮球",
+						"disable": true
+					},
+					{
+						"value": 1,
+						"text": "足球"
+					},
+					{
+						"value": 2,
+						"text": "游泳"
+					},
+					{
+						"value": 3,
+						"text": "网球"
+					},
+					{
+						"value": 4,
+						"text": "乒乓球"
+					},
+					{
+						"value": 5,
+						"text": "男子1000米跑步"
+					},
+					{
+						"value": 6,
+						"text": "女子1000米跑步"
+					},
+					{
+						"value": 7,
+						"text": "摔跤"
+					},
+					{
+						"value": 8,
+						"text": "拳击"
+					},
+					{
+						"value": 9,
+						"text": "健身"
+					},
+					{
+						"value": 10,
+						"text": "瑜伽"
+					},
+					{
+						"value": 11,
+						"text": "田径"
+					},
+					{
+						"value": 12,
+						"text": "高尔夫"
+					}
+				],
 			}
 		},
 		methods: {
 			change(e) {
 				console.log('e:', e);
+				console.log(this.defaultValue);
 			}
 		}
 	}
@@ -78,4 +139,4 @@
 	.uni-pb-5 {
 		padding-bottom: 10px;
 	}
-</style>
+</style>
diff --git a/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue b/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue
index ba3d70f3..f599f2ab 100644
--- a/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue
+++ b/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue
@@ -2,8 +2,8 @@
 	<view class="uni-stat__select">
 		<span v-if="label" class="uni-label-text hide-on-phone">{{label + '：'}}</span>
 		<view class="uni-stat-box" :class="{'uni-stat__actived': current}">
-			<view class="uni-select" :class="{'uni-select--disabled':disabled}">
-				<view class="uni-select__input-box" @click="toggleSelector">
+			<view class="uni-select" :class="{'uni-select--disabled':disabled, 'uni-select--multiple': mode === 'multiple' && checkedIds.length} ">
+				<view v-if="mode === 'single'" class="uni-select__input-box" @click="toggleSelector">
 					<view v-if="current" class="uni-select__input-text">{{textShow}}</view>
 					<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>
 					<view v-if="current && clear && !disabled" @click.stop="clearVal">
@@ -13,6 +13,21 @@
 						<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
 					</view>
 				</view>
+				<view v-else class="uni-select__input-box uni-select__input-box--multiple" :class="{'uni-select__input-box--data': checkedIds.length}" @click="toggleSelector">
+					<view v-if="checkedIds.length" class="uni-select__input-checked" v-for="(item, index) in checkedVals" :key="index">
+						<text class="uni-select__input-checked-text">{{item}}</text>
+						<view @click.stop="remove(index)">
+							<uni-icons type="closeempty" color="#6a6969" size="14" />
+						</view>
+					</view>
+					<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>
+					<view v-if="checkedIds.length && clear && !disabled" class="uni-select__input-clear" @click.stop="clearValMultiple">
+						<uni-icons type="clear" color="#c0c4cc" size="24" />
+					</view>
+					<view v-else>
+						<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
+					</view>
+				</view>
 				<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
 				<view class="uni-select__selector" :style="getOffsetByPlacement" v-if="showSelector">
 					<view :class="placement=='bottom'?'uni-popper__arrow_bottom':'uni-popper__arrow_top'"></view>
@@ -20,10 +35,16 @@
 						<view class="uni-select__selector-empty" v-if="mixinDatacomResData.length === 0">
 							<text>{{emptyTips}}</text>
 						</view>
-						<view v-else class="uni-select__selector-item" v-for="(item,index) in mixinDatacomResData" :key="index"
+						<view v-else-if="mode === 'single'" class="uni-select__selector-item" v-for="(item,index) in mixinDatacomResData" :key="index"
 							@click="change(item)">
 							<text :class="{'uni-select__selector__disabled': item.disable}">{{formatItemName(item)}}</text>
 						</view>
+						<view v-else>
+							<view v-for="(item,index) in mixinDatacomResData" :key="index" class="uni-select__selector-item" :class="{'uni-select__selector-item--checked': checkedIds.indexOf(index) !== -1}" @click="changeMultiple(item, index)">
+								<text :class="{'uni-select__selector__disabled': item.disable}">{{formatItemName(item)}}</text>
+								<uni-icons v-if="checkedIds.indexOf(index) !== -1" type="checkmarkempty" color="#6a6969" size="14" />
+							</view>
+						</view>	
 					</scroll-view>
 				</view>
 			</view>
@@ -46,6 +67,9 @@
 	 * @property {String} placement 弹出位置
 	 * 	@value top   		顶部弹出
 	 * 	@value bottom		底部弹出（default)
+	 * @property {String} mode = [multiple|single] 设置select的模式类型 
+	 *  @value multiple 多选
+	 * 	@value single 单选
 	 * @event {Function} change  选中发生变化触发
 	 */
 
@@ -64,7 +88,7 @@
 				default: ''
 			},
 			modelValue: {
-				type: [String, Number],
+				type: [String, Number, Array],
 				default: ''
 			},
 			label: {
@@ -99,6 +123,10 @@
 			placement: {
 				type: String,
 				default: 'bottom'
+			},
+			mode: {
+				type: String,
+				default: 'single'
 			}
 		},
 		data() {
@@ -109,6 +137,9 @@
 				apps: [],
 				channels: [],
 				cacheKey: "uni-data-select-lastSelectedValue",
+				checkedIds: [],
+				checkedVals: [],
+				checkedKeys: [],
 			};
 		},
 		created() {
@@ -202,7 +233,7 @@
 			},
 			initDefVal() {
 				let defValue = ''
-				if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) {
+				if ((this.valueCom || (this.valueCom === 0 && this.mode === 'single') || (Array.isArray(this.valueCom) && this.mode === 'multiple')) && !this.isDisabled(this.valueCom)) {
 					defValue = this.valueCom
 				} else {
 					let strogeValue
@@ -222,6 +253,24 @@
 						this.emit(defValue)
 					}
 				}
+
+				if (this.mode === 'multiple') {
+					let defaultIds = [], defaultVals = [], defaultKeys = []
+
+					this.mixinDatacomResData.forEach((item, index) => {
+						if (~defValue.indexOf(item.value)) {
+							defaultIds.push(index)
+							defaultVals.push(item.text)
+							defaultKeys.push(item.value)
+						}
+					})
+
+					this.checkedIds = defaultIds
+					this.checkedVals = defaultVals
+					this.checkedKeys = defaultKeys
+					return
+				}
+
 				const def = this.mixinDatacomResData.find(item => item.value === defValue)
 				this.current = def ? this.formatItemName(def) : ''
 			},
@@ -242,12 +291,43 @@
 				return isDisabled;
 			},
 
+			/**
+			 * 获取选中的选项
+			 * @param {Object | Number} value 选中内容 | 索引
+			 * @param {String} type 类型
+			 * 	- 'IDS' 选中的索引
+			 * 	- 'VALS' 选中的 text
+			 *  - 'KEYS' 选中的 value
+			 */
+			 getCheckedItem(value, type) {
+				let checkeds = {
+					'IDS': this.checkedIds,
+					'VALS': this.checkedVals,
+					'KEYS': this.checkedKeys
+				}[type] || []
+				const checkedsIds = checkeds.indexOf(value)
+
+				if (~checkedsIds) {
+					checkeds.splice(checkedsIds, 1)
+					return checkeds
+				}
+
+				checkeds.push(value);
+				return checkeds;
+			},
+
 			clearVal() {
 				this.emit('')
 				if (this.collection) {
 					this.removeCache()
 				}
 			},
+			clearValMultiple() {
+				this.emitMultiple([], [])
+				this.checkedIds = []
+				this.checkedVals = []
+				this.checkedKeys = []
+			},
 			change(item) {
 				if (!item.disable) {
 					this.showSelector = false
@@ -255,6 +335,22 @@
 					this.emit(item.value)
 				}
 			},
+			changeMultiple(item, index) {
+				if (!item.disable) {
+					this.checkedIds = this.getCheckedItem(index, 'IDS')
+					this.checkedVals = this.getCheckedItem(this.formatItemName(item), 'VALS')
+					this.checkedKeys = this.getCheckedItem(this.formatItemKey(item), 'KEYS')
+
+					this.emitMultiple(this.checkedVals, this.checkedKeys)
+				}
+			},
+			remove(index) {
+				this.checkedIds.splice(index, 1)
+				this.checkedVals.splice(index, 1)
+				this.checkedKeys.splice(index, 1)
+
+				this.emitMultiple(this.checkedVals, this.checkedKeys)
+			},
 			emit(val) {
 				this.$emit('input', val)
 				this.$emit('update:modelValue', val)
@@ -263,6 +359,13 @@
 					this.setCache(val);
 				}
 			},
+			emitMultiple(vals, keys) {
+				const valStr = vals.join(',')
+
+				this.$emit('update:modelValue', keys)
+				this.$emit('change', valStr)
+				this.$emit('input', valStr)
+			},
 			toggleSelector() {
 				if (this.disabled) {
 					return
@@ -296,6 +399,9 @@
 						)
 				}
 			},
+			formatItemKey(item) {
+				return item.value
+			},
 			// 获取当前加载的数据
 			getLoadData() {
 				return this.mixinDatacomResData;
@@ -387,12 +493,17 @@
 		border-bottom: solid 1px $uni-border-3;
 		width: 100%;
 		flex: 1;
-		height: 35px;
+		min-height: 35px;
 
 		&--disabled {
 			background-color: #f5f7fa;
 			cursor: not-allowed;
 		}
+
+		&--multiple {
+			height: auto;
+			padding-top: 4px;
+		}
 	}
 
 	.uni-select__label {
@@ -404,7 +515,7 @@
 	}
 
 	.uni-select__input-box {
-		height: 35px;
+		min-height: 35px;
 		position: relative;
 		/* #ifndef APP-NVUE */
 		display: flex;
@@ -412,6 +523,16 @@
 		flex: 1;
 		flex-direction: row;
 		align-items: center;
+
+		&--multiple {
+			overflow: hidden;
+			height: auto;
+		}
+
+		&--data {
+			flex-wrap: wrap;
+			padding-right: 20px;
+		}
 	}
 
 	.uni-select__input {
@@ -468,12 +589,23 @@
 		text-align: center;
 		/* border-bottom: solid 1px $uni-border-3; */
 		padding: 0px 10px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		&--checked {
+			background-color: #e9f4fe;
+		}
 	}
 
 	.uni-select__selector-item:hover {
 		background-color: #f9f9f9;
 	}
 
+	.uni-select__selector-item--checked:hover {
+		background-color: #e9f4fe;
+	}
+
 	.uni-select__selector-empty:last-child,
 	.uni-select__selector-item:last-child {
 		/* #ifndef APP-NVUE */
@@ -535,7 +667,6 @@
 		border-top-color: #fff;
 	}
 
-
 	.uni-select__input-text {
 		// width: 280px;
 		width: 100%;
@@ -546,6 +677,27 @@
 		overflow: hidden;
 	}
 
+	.uni-select__input-clear {
+		position: absolute;
+		right: 0px;
+	}
+
+	.uni-select__input-checked {
+		padding: 4px 8px;
+		border-radius: 6px;
+		margin-right: 4px;
+		margin-bottom: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		background-color: #e4e2e2;
+	}
+
+	.uni-select__input-checked-text {
+		color: #1d1d1d;
+		margin-right: 4px;
+	}
+
 	.uni-select__input-placeholder {
 		color: $uni-base-color;
 		font-size: 12px;
@@ -559,4 +711,4 @@
 		left: 0;
 		z-index: 2;
 	}
-</style>
+</style>