每个应用的退出功能,带模态弹窗,重新登录会跳转至相应应用首页,可直接复制
![](https://img.kancloud.cn/4a/5a/4a5a8f924505f583361eebd27753c780_375x667.png)
代码:
```
<!-- 退出登录 -->
<button class="cu-btn" @click="loginOut">
退出登录
</button>
<!-- 模态弹窗 -->
<tui-modal :show="modal" @click="handleClick" title="提示" :content="modelContent"></tui-modal>
import {loginOut} from '@/utils/user/isLogined.js'
data () {
return {
modal:false,//模态弹窗状态
modelContent:'是否确定退出登录'
}
},
methods: {
loginOut(){
this.modal = true
},
handleClick(e){
console.log(e);
if(e.index===1){
loginOut(this)
}else{
this.modal = false
}
}
}
```
平台兼容性:
| android | H5 | IOS | 微信 | 百度 | 支付宝 | 字节跳动 |
| --- | --- | --- | --- | --- | --- |--- |--- |
| √ | √ | 待测试 | 待测试 | 待测试 | 待测试 |待测试 |
组件负责人:佘威