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內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:
- vue2+element?ui?中的el-table?選中當前行當前行變色的實現(xiàn)代碼
- Vue2+Element-ui實現(xiàn)el-table表格自適應高度的案例
- vue2+elementui的el-table固定列會遮住橫向滾動條及錯位問題解決方案
- Vue2 Element el-table多選表格控制選取的思路解讀
- VUE2.0+ElementUI2.0表格el-table循環(huán)動態(tài)列渲染的寫法詳解
- VUE2.0 ElementUI2.0表格el-table自適應高度的實現(xiàn)方法
- vue2.0 + element UI 中 el-table 數(shù)據(jù)導出Excel的方法
- vue2使用el-tag實現(xiàn)自定義菜單導航標簽
相關文章
Vue?keepAlive實現(xiàn)不同的路由共用一個組件component的緩存問題(推薦)
這篇文章主要介紹了Vue?keepAlive實現(xiàn)不同的路由共用一個組件component的緩存問題,實現(xiàn)方式使用Vue?keepAlive實現(xiàn)頁面緩存,需要的朋友可以參考下2022-08-08vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號的問題及解決方法
這篇文章主要介紹了vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號要怎么解決,項目場景我是傳遞一個string字符給后端時候報錯,隨手把這個問題記錄下來了,需要的朋友可以參考下解決方案2022-11-11