vue2實現(xiàn)在el-table里插入el-tag的示例代碼

更新時間：2024年12月17日 09:35:26 作者：墨·殤

這篇文章主要介紹了vue2實現(xiàn)在el-table里插入el-tag的示例代碼,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧

比如，在表格里標識該行對應的需求打標簽

 <el-table-column prop="tag" label="需求類型">
                  <template slot-scope="scope">
                    <el-tag
                      :type="
                        scope.row.demandFlag === '1' ? 'primary' : 'success'
                      "
                      disable-transitions
                    >
                      {{ scope.row.demandFlag === "1" ? "削峰" : "填谷" }}
                    </el-tag>
                  </template>
                </el-table-column>

到此這篇關于vue2實現(xiàn)在el-table里插入el-tag的文章就介紹到這了,更多相關vue2 el-table插入el-tag內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)
今天小編就為大家分享一篇Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
vscode下的vue文件格式化問題
這篇文章主要介紹了vscode下的vue文件格式化問題，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-11-11
vue2前端調(diào)用WebSocket有消息進行通知代碼示例
在Vue項目中實現(xiàn)全局的消息鏈接監(jiān)聽主要涉及到了WebSocket技術,這是一種雙向通信協(xié)議,允許客戶端與服務器之間實時、高效地交換數(shù)據(jù),這篇文章主要給大家介紹了關于vue2前端調(diào)用WebSocket有消息進行通知的相關資料,需要的朋友可以參考下
2024-07-07
詳解在vue-cli中引用jQuery、bootstrap以及使用sass、less編寫css
這篇文章主要介紹了詳解在vue-cli中引用jQuery、bootstrap以及使用sass、less編寫css，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
使用Vue?3實現(xiàn)前端微服務架構(gòu)的方法實例
在大型前端應用中,微前端架構(gòu)如同樂高積木,將巨型單體應用拆分為自治的微應用單元,這篇文章主要介紹了使用Vue3實現(xiàn)前端微服務架構(gòu)的相關資料,需要的朋友可以參考下
2025-11-11
vue3+ts+mock實現(xiàn)增刪改查json文件的示例代碼
本文主要介紹了vue3+ts+mock實現(xiàn)增刪改查json文件的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
2025-07-07
Vue.js實現(xiàn)一個漂亮、靈活、可復用的提示組件示例
這篇文章主要介紹了Vue.js實現(xiàn)一個漂亮、靈活、可復用的提示組件示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-03-03
Vue-cli框架實現(xiàn)計時器應用
這篇文章主要為大家詳細介紹了Vue-cli框架實現(xiàn)計時器應用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
vue圖片懶加載的兩種方法詳解
懶加載是一種網(wǎng)頁優(yōu)化技術，也被稱為延遲加載，它的主要目的是在網(wǎng)頁加載時，只加載當前可見區(qū)域內(nèi)的內(nèi)容，而延遲加載其他不可見區(qū)域的內(nèi)容，從而提高網(wǎng)頁的加載速度和性能，這篇文章主要介紹了vue圖片懶加載的兩種方法,需要的朋友可以參考下
2023-07-07
淺談在vue-cli3項目中解決動態(tài)引入圖片img404的問題
這篇文章主要介紹了淺談在vue-cli3項目中解決動態(tài)引入圖片img404的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08