在vue中制作一个简易的退出登录功能

话不多说，直接贴代码
在template里面：

    <DropdownMenu slot="list">
                <!-- 给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件 -->
                <DropdownItem name="退出" @click.native="logout">
                  <i class="el-icon-switch-button"></i> 退出登录
                </DropdownItem>
              </DropdownMenu>

这里用了iView的组件和element ui的图标，由于这是在老项目基础上改的，实际上这么用并不好，希望大家不要效仿哦

在methods里面：

    // 退出登录
        logout () {
          var _this = this
          _this
            .$confirm('确认退出吗?', '提示', {
              // type: 'warning'
            })
            .then(() => {
              window.location.href = '/logout'
            })
            .catch(() => {})
        },

这样就完成简易的退出功能了，页面将会退回登录界面

效果如下：