資訊專欄INFORMATION COLUMN
摘要：后臺管理系統(tǒng)中需要做出如下的功能根據(jù)狀態(tài)的不同表格中操作行按鈕顯示不同當前行結(jié)構(gòu)如下操作催辦轉(zhuǎn)安裝單撤單轉(zhuǎn)派中的數(shù)據(jù)顯示按鈕催辦顯示按鈕轉(zhuǎn)安裝單顯示按鈕撤單顯示按鈕轉(zhuǎn)派獲取列表數(shù)據(jù)當前行的值在數(shù)組存在就顯示當前按
后臺管理系統(tǒng)中需要做出如下的功能,根據(jù)狀態(tài)的不同,表格中操作行按鈕顯示不同
當前行結(jié)構(gòu)如下:
data中的數(shù)據(jù)
showList1: [0,1], // 顯示按鈕1 催辦
showList2: [0,2], // 顯示按鈕2 轉(zhuǎn)安裝單
showList3: [0,1,2,5], // 顯示按鈕3 撤單
showList4: [0,1,2,4], // 顯示按鈕4 轉(zhuǎn)派
//獲取列表數(shù)據(jù),當前行scope.row.state的值在數(shù)組showList1存在,就顯示當前按鈕,
//當每次點擊按鈕不同時,就會發(fā)送請求時,并把狀態(tài)發(fā)送過去,從而改變按鈕的狀態(tài)
v-if="showList1.indexOf(scope.row.state) != -1"
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/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...
摘要：中定義方法解構(gòu)賦值使用方法在函數(shù)中傳入兩個數(shù)組第一個數(shù)組中的每一項一一對應等于第二個數(shù)組的每一項例如張三得到張三表格中的內(nèi)容操作催辦中的數(shù)據(jù)當前操作行模態(tài)框控制顯示隱藏點擊催辦按鈕調(diào)用函數(shù)傳入兩個數(shù)組得到讓模態(tài)框顯示并把當前 main.js中定義方法 /**解構(gòu)賦值 * @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-...
閱讀 4156·2021-11-18 13:22
閱讀 1896·2021-11-17 09:33
閱讀 2939·2021-09-26 09:46
閱讀 1280·2021-08-21 14:11
閱讀 2956·2019-08-30 15:53
閱讀 2770·2019-08-30 15:52
閱讀 2119·2019-08-30 10:52
閱讀 1589·2019-08-29 15:30
