MeetMateApp/pages/chat/addMem.vue

<template>
	<view class="page">
		<view class="list_info">
			<view class="name">新成员手机号码：</view>
			<view class="item">
				<input type="text" class="input" placeholder="请输入手机号码" v-model="mobile" maxlength="30" />
			</view>

			<view class="blankHeight"></view>
		</view>

		<view class="btn_submit" @click="submitData">确认添加</view>


		<!-- 提示框 -->
		<DialogBox ref="DialogBox"></DialogBox>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				title: '',
				groupId: '',
				mobile: '',
			}
		},
		onLoad(parms) {
			this.groupId = parms.groupId || "1"
		},
		onShow() {},
		methods: {
			onBack() {},
			submitData() {
				if (this.mobile == "") {
					uni.showToast({
						title: "请输入手机号码",
						icon: 'none'
					});
					return;
				}
				uni.request({
					url: this.$apiHost2 + '/Chat/groupActMem', //仅为示例，并非真实接口地址。
					data: {
						uuid: getApp().globalData.uuid,
						groupId: this.groupId,
						act: 'addMobile',
						mobile: this.mobile
					},
					header: {
						'content-type': 'application/json'
					},
					success: (res) => {
						uni.showToast({
							title: res.data.str,
							icon: 'none'
						});
						if (res.data.success == "yes") {
							setTimeout(function() {
								uni.navigateBack();
							}, 1000);
						}
					}
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	@import 'addMem.scss';
</style>