veterans_H5/h5_web/pages/setting/setting.vue

<!-- 设置 -->
<template>
	<view class="setting">
		<u-cell-group :border="false" :title-style="{'color': '#333333', 'font-size': '24rpx'}">
			<u-cell-item icon="" title="退出登录" @click="	logoutModal = true"/>
			<u-cell-item icon="" title="版本信息" :arrow="false" value="当前版本8.9，已更新"/>
		</u-cell-group>
		<!-- 退出登录提示框 -->
		<u-modal
			v-model="logoutModal"
			width="70%"
			@confirm="logout" 
			content="您确认退出登录吗?"
			:show-cancel-button="true"
		/>
	</view>
</template>

<script>
	export default {
		name: 'Setting',
		data() {
			return {
				// 登出提示框
				logoutModal: false
			}
		},
		methods: {
			/**
			 * 退出登录
			 */
			logout() {
				this.$u.vuex('vuex_hasLogin', false);
				this.$u.vuex('vuex_token', '');
				this.$u.vuex('vuex_user', '');
				this.$u.route('/pages/phoneLogin/phoneLogin');
			}
		}
	}
</script>

<style lang="scss" scoped>
.setting {
	padding: 20rpx 30rpx;
}
</style>