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>總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要給大家介紹了關于如何使用寶塔部署Vue項目的相關資料,寶塔面板提供了非常方便的方式來部署 Vue 項目,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue使用json-server進行后端數據模擬功能,非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
Vue3?TypeScript?實現useRequest詳情
本文介紹了Vue3?TypeScript實現useRequest詳情，useRequest可能是目前社區(qū)中最強大，最接地氣的請求類?Hooks了?？梢愿采w99%的網絡請求場景，無論是讀還是寫，無論是普通請求還是分頁請求，無論是緩存還是防抖節(jié)流，通通都能支持，關于其介紹需要的小伙伴可以參考一下2022-05-05
這篇文章主要介紹了vue使用HMAC-SHA256簽名算法的相關知識,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-07-07
vue之“} expected“和“at-rule or selector ex
這篇文章主要介紹了vue之“} expected“和“at-rule or selector expected“報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
本文主要介紹了element關于table拖拽排序問題，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
因為隨著功能的增多，table操作欄中的功能按鈕增多，這時候就需要折疊，本文主要介紹了element中table操作按鈕展示與折疊的實現示例，具有一定的參考價值，感興趣的可以了解一下2022-04-04
在Vue項目中使用markdown-it組件預覽Markdown內容時,通過安裝pnpm和markdown-it-github-markdown-css依賴,并重寫markdown部分樣式,實現了Markdown內容的美化,在MarkdownPreview.vue組件中,通過變量renderedMarkdown接收并渲染Markdown內容2025-10-10
這篇文章主要介紹了詳解element-ui設置下拉選擇切換必填和非必填，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
這篇文章主要介紹了vue項目中監(jiān)聽手機物理返回鍵的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01