elementui之el-table如何通過v-if控制按鈕顯示與隱藏
更新時間：2023年11月17日 09:38:04 作者：在奮斗的大道
這篇文章主要介紹了elementui之el-table如何通過v-if控制按鈕顯示與隱藏問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
el-table通過v-if控制按鈕顯示與隱藏
前端效果演示
后端代碼
<el-row>
<el-table :data="tableData" style="width: 100%;" row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column prop="privilegeName" label="權限名稱" >
</el-table-column>
<el-table-column prop="privilegeCode" label="權限編碼" >
</el-table-column>
<el-table-column prop="privilegeType" label="權限類別" :formatter="formatPrivilegeType" >
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button v-if="scope.row.privilegeType === '1' || scope.row.privilegeType === '2'" type="primary" size="mini" @click="toAdd(scope)">新增</el-button>
<el-button type="primary" size="mini" @click="toEdit(scope)">編輯</el-button>
</template>
</el-table-column>
</el-table>
<br>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pagination.pageIndex"
:page-sizes="[5, 10, 20, 30, 40]"
:page-size=pagination.pageSize
layout="total, prev, pager, next"
:total=pagination.total>
</el-pagination>
</el-row>總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue3.0封裝輪播圖組件的步驟，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-03-03
在組件中增加的css加了scoped屬性之后,就在會在當前這個組件的節(jié)點上增加一個data-v-xxx屬性,下面這篇文章主要給大家介紹了關于Vue中CSS?scoped原理的相關資料,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了關于vue-router的使用及實現(xiàn)原理，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了vue計算屬性get和set用法,結合實例形式分析了計算屬性的功能及get和set用法的具體使用技巧,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了如何在Vue3中封裝一個高效、可復用的ECharts組件TChart,該組件支持響應式圖表、空數(shù)據展示、事件監(jiān)聽、主題切換和性能優(yōu)化等功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了Vue 頁面權限控制和登陸驗證功能的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
如何使用Vue3實現(xiàn)文章內容中多個"關鍵詞"標記高亮顯示
高亮顯示是我們日常開發(fā)中經常會遇到的需求,下面這篇文章主要給大家介紹了關于如何使用Vue3實現(xiàn)文章內容中多個"關鍵詞"標記高亮顯示的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
在前端的崗位上經常需要實現(xiàn)個生成個并下載的可視化圖表頁PDF文件,這篇文章主要給大家介紹了關于Vue前端如何實現(xiàn)生成PDF并下載功能的相關資料,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了如何解決vuex在頁面刷新后數(shù)據被清除的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了vant 自定義 van-dropdown-item的用法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08