uniProject/pages/my/setting.vue

<template>
	<view>
		<view class="list-row" @click="quitClick">
			<icon class="list-icon login-out-icon"></icon>
			<text>退出登录</text>
		</view>
	</view>
</template>

<script setup>
import {logout} from '@/api/login.js'
function quitClick(){
	uni.showModal({
	        title: '提示',
	        content: '你确定要执行这个操作吗？',
	        success: (res) => {
	          if (res.confirm) {
	            // 用户点击了确定按钮，执行你的操作
	            console.log('用户点击了确定');
	           quit()
	          } else if (res.cancel) {
	            // 用户点击了取消按钮
	            console.log('用户点击了取消');
	          }
	        }
	      });
	
	 }
function quit (){
		logout().then(res=>{
			console.log('logout')
			uni.removeStorage({
				key: 'Mta-Auth',
				success: function (res) {
					console.log('success');
					uni.navigateTo({
						url: '/pages/login'
					});
				}
			});
		}).catch(err => {
		toast('退出登录失败，请稍后重试')
	})
	
}
</script>

<style>
</style>