摘要:后臺管理系統(tǒng)中需要做出如下的功能根據(jù)狀態(tài)的不同表格中操作行按鈕顯示不同當前行結構如下操作催辦轉安裝單撤單轉派中的數(shù)據(jù)顯示按鈕催辦顯示按鈕轉安裝單顯示按鈕撤單顯示按鈕轉派獲取列表數(shù)據(jù)當前行的值在數(shù)組存在就顯示當前按
后臺管理系統(tǒng)中需要做出如下的功能,根據(jù)狀態(tài)的不同,表格中操作行按鈕顯示不同
當前行結構如下:
催辦轉安裝單撤單轉派
data中的數(shù)據(jù)
showList1: [0,1], // 顯示按鈕1 催辦 showList2: [0,2], // 顯示按鈕2 轉安裝單 showList3: [0,1,2,5], // 顯示按鈕3 撤單 showList4: [0,1,2,4], // 顯示按鈕4 轉派 //獲取列表數(shù)據(jù),當前行scope.row.state的值在數(shù)組showList1存在,就顯示當前按鈕, //當每次點擊按鈕不同時,就會發(fā)送請求時,并把狀態(tài)發(fā)送過去,從而改變按鈕的狀態(tài) v-if="showList1.indexOf(scope.row.state) != -1"
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/104487.html
摘要:獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...
摘要:獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...
摘要:中定義方法解構賦值使用方法在函數(shù)中傳入兩個數(shù)組第一個數(shù)組中的每一項一一對應等于第二個數(shù)組的每一項例如張三得到張三表格中的內(nèi)容操作催辦中的數(shù)據(jù)當前操作行模態(tài)框控制顯示隱藏點擊催辦按鈕調用函數(shù)傳入兩個數(shù)組得到讓模態(tài)框顯示并把當前 main.js中定義方法 /**解構賦值 * @param {*} arr1 key * @param {*} arr2 value*/ Vue.pro...
摘要:簡單點說呢,就是與后端的數(shù)據(jù)交互和怎么把數(shù)據(jù)展示出來,用到的資源主要是和,其它參考插件使用。當時,加載中的提示就會出現(xiàn)。后端返回的數(shù)據(jù)如上圖,并不是所有的字段都是可以進行搜索的字段。 1.前言 今天要做的,就是在上一篇文章的基礎上,進行功能頁面的開發(fā)。簡單點說呢,就是與后端的數(shù)據(jù)交互和怎么把數(shù)據(jù)展示出來,用到的資源主要是element-ui和vue-resource,其它參考(vue-...
閱讀 4012·2021-11-18 13:22
閱讀 1831·2021-11-17 09:33
閱讀 2886·2021-09-26 09:46
閱讀 1220·2021-08-21 14:11
閱讀 2896·2019-08-30 15:53
閱讀 2717·2019-08-30 15:52
閱讀 1915·2019-08-30 10:52
閱讀 1528·2019-08-29 15:30