久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  技術(shù)干貨  > 說說vue動(dòng)態(tài)權(quán)限綁定渲染列表(權(quán)限列表渲染)

        說說vue動(dòng)態(tài)權(quán)限綁定渲染列表(權(quán)限列表渲染)

        來源:千鋒教育
        發(fā)布人:qyf
        時(shí)間: 2022-09-19 17:17:29 1663579049

        vue動(dòng)態(tài)權(quán)限綁定渲染列表(權(quán)限列表渲染)

          1. 首先請求服務(wù)器,獲取當(dāng)前用戶的權(quán)限數(shù)據(jù),比如請求 this.$http.get("rights/list");

          2. 獲取到權(quán)限數(shù)據(jù)之后,在列表中使用v-if v-if-else的組合來展示不同的內(nèi)容

        <template>

         <div>

           <!-- 面包屑導(dǎo)航區(qū) -->

           <el-breadcrumb separator-class="el-icon-arrow-right">

             <el-breadcrumb-item :to="{ path: '/home' }">首頁</el-breadcrumb-item>

             <el-breadcrumb-item>權(quán)限管理</el-breadcrumb-item>

             <el-breadcrumb-item>權(quán)限列表</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="權(quán)限名稱" prop="authName"></el-table-column>

               <el-table-column label="路徑" prop="path"></el-table-column>

               <el-table-column label="權(quán)限等級" prop="level">

                 <template slot-scope="scope">

                   <el-tag v-if="scope.row.level === '0'">一級</el-tag>

                   <el-tag type="success" v-else-if="scope.row.level === '1'">二級</el-tag>

                   <el-tag type="danger" v-else>三級</el-tag>

                 </template>

               </el-table-column>

             </el-table>

           </el-card>

         </div>

        </template>

         

        <script>

        export default {

         data() {

           return {

             // 權(quán)限列表

             rightsList: []

           };

         },

         created() {

           this.getRightsList();

         },

         methods: {

           async getRightsList() {

             //獲取權(quán)限列表數(shù)據(jù)

             const { data: res } = await this.$http.get("rights/list");

             if (res.meta.status !== 200) {

               return this.$message.error("獲取權(quán)限列表失??!");

             }

             this.rightsList = res.data;

           }

         }

        };

        </script>

         

        <style lang='less' scoped>

        </style>

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        Visual Studio Online和GitHub有什么區(qū)別?

        1.定位不同Visual Studio Online,現(xiàn)更名為Visual Studio Codespaces,是微軟提供的一款在線開發(fā)環(huán)境,允許開發(fā)者在云端進(jìn)行編程和調(diào)試工作。而...詳情>>

        2023-10-15 00:21:42
        什么是域控制器?

        一、域控制器的定義域控制器是指在Windows Server操作系統(tǒng)中部署Active Directory服務(wù)的服務(wù)器。Active Directory是微軟公司開發(fā)的目錄服務(wù),用...詳情>>

        2023-10-15 00:10:28
        深度學(xué)習(xí)模型權(quán)重h5、weights、ckpt、pth有什么區(qū)別?

        1.來源框架不同h5格式通常用于Keras和TensorFlow框架,weights用于Darknet框架,ckpt是TensorFlow框架的一種格式,而pth則主要用于PyTorch框架...詳情>>

        2023-10-15 00:05:17
        大數(shù)據(jù)測試工程師需要具備哪些技能?

        一、理解大數(shù)據(jù)概念大數(shù)據(jù)測試工程師需要理解大數(shù)據(jù)的基本概念和原理,如分布式存儲(chǔ)、MapReduce、實(shí)時(shí)計(jì)算等。他們還需要了解如何處理大規(guī)模的...詳情>>

        2023-10-14 23:43:03
        為什么SpringBoot的 jar 可以直接運(yùn)行?

        一、JAR文件的結(jié)構(gòu)與執(zhí)行方式Spring Boot的JAR包是Java Archive的縮寫,它是一種壓縮文件格式,可以將Java項(xiàng)目的類文件、資源文件以及依賴庫等...詳情>>

        2023-10-14 23:01:49
        快速通道
        惠州市| 柳江县| 中牟县| 北海市| 昌图县| 年辖:市辖区| 靖江市| 册亨县| 青海省| 巴东县| 阳东县| 上饶县| 桃江县| 盘山县| 河池市| 澜沧| 左权县| 舞钢市| 山东省| 肥西县| 揭西县| 万宁市| 霞浦县| 石狮市| 扎兰屯市| 吉林市| 商都县| 澎湖县| 绵阳市| 宣恩县| 正宁县| 驻马店市| 深州市| 庆云县| 富宁县| 迭部县| 丰都县| 分宜县| 徐州市| 随州市| 金塔县|