前端经典面试500题【下】

发布时间:2023-10-19 17:00

高级面试题

一、vue

说说vue动态权限绑定渲染列表(权限列表渲染)

  1. 首先请求服务器,获取当前用户的权限数据,比如请求 this.$http.get(“rights/list”);

  2. 获取到权限数据之后,在列表中使用v-if v-if-else的组合来展示不同的内容

    <template>
      <div>
        <!-- 面包屑导航区 -->
        <el-breadcrumb separator-class=\"el-icon-arrow-right\">
          <el-breadcrumb-item :to=\"{ path: \'/home\' }\">首页</el-breadcrumb-item>
          <el-breadcrumb-item>权限管理</el-breadcrumb-item>
          <el-breadcrumb-item>权限列表</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 卡片视图 -->
        <el-card>
          <el-table :data=\"rightsList\" border stripe>
            <el-table-column type=\"index\" label=\"#\"></el-table-column>
            <el-table-column label=\"权限名称\" prop=\"authName\"></el

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号