vue+element-ui：使用el-dialog时弹框不出现问题

<el-dropdown-item><el-button type="text" @click="dialogVisible = true">退出登录</el-button></el-dropdown-item>
          <el-dialog
            title="提示"
            :visible.sync="dialogVisible"
            width="30%">
            <span>确定退出登录？</span>
            <span slot="footer" class="dialog-footer">
              <el-button @click="dialogVisible = false">取 消</el-button>
              <el-button type="primary" @click="logout">确 定</el-button>
            </span>
          </el-dialog>

解决方案：在el-dialog中增加:append-to-body="true"即可