uniapp个人资料修改，点击后，弹出修改框，修改后，对应内容随之改变

最新推荐文章于 2024-05-30 22:10:52 发布

憨憨的不屈

最新推荐文章于 2024-05-30 22:10:52 发布

阅读量3.8k

点赞数 4

分类专栏： uniapp 文章标签： servlet java 前端

本文链接：https://blog.csdn.net/weixin_59733368/article/details/126263649

版权

uniapp 专栏收录该内容

3 篇文章 3 订阅

订阅专栏

1，例如修改昵称

view部分

<view class="secret">
				<view class="feedback-text">
					<text>昵称</text>
				</view>
				<view class="time-change">
					<view class="netname" @click="showDiv()">
						<text>{{feedbackContent}}</text>
					</view>
					<view class="feedback-image-gender">
						<image mode="aspectFit" src="../../static/revisePhone/jiantouer.png"></image>
					</view>
				</view>
			</view>		


<view :hidden="userFeedbackHidden" class="popup_content">
			<view class="popup_title">昵称修改</view>
			<view class="popup_textarea_item">
				<textarea class="popup_textarea" placeholder='输入~' v-model="feedbackContent">
						</textarea>
				<view @click="submitFeedback()">
					<button class="popup_button" @click="hideDiv()">提交</button>
				</view>
			</view>
		</view>

<view class="popup_overlay" :hidden="userFeedbackHidden" @click="hideDiv()"></view>

js部分

<script>
	export default {
		data() {
			const currentDate = this.getDate({
				format: true
			})
			return {
				userFeedbackHidden: true, // 默认隐藏
				feedbackContent: '樱桃多多', // 用户反馈内容
			}
		},
		onShow() {
			uni.getStorageSync('netname')
		},
		methods: {
			showDiv() { // 显示输入弹出框
				this.userFeedbackHidden = false;
			},
			hideDiv() { // 隐藏输入弹出框
				this.userFeedbackHidden = true;
			},
			submitFeedback() { // 提交反馈
				var _this = this;
				// 提交反馈内容
				console.log(_this.feedbackContent);
			},
		}
	}
</script>