直播電商平臺開發,用el-checkout-group實現穿梭框el-transfer效果
直播電商平臺開發,用el-checkout-group實現穿梭框el-transfer效果
一:頁面構建
<el-form-item label="選擇模組:" prop="pubTime"> <div class="app-select"> <div class="list"> <el-input v-model="searchWord" placeholder="請輸入模組名稱" maxlength="30" suffix-icon="Search" clearable @change="search" /> <div class="checkbox"> <el-checkbox-group v-model="checkList"> <div v-for="(item, i) in moduleOptions" :key="i"> <el-checkbox :label="item.label">{{ item.label }}</el-checkbox> </div> </el-checkbox-group> </div> </div> <div class="checked"> <div class="title">已選擇模組</div> <div class="checkedList"> <div class="checkedbox"> <el-checkbox-group v-model="checkList"> <div v-for="(item, i) in checkList" :key="i"> <el-checkbox :label="item">{{ item }}</el-checkbox> </div> </el-checkbox-group> </div> </div> </div> </div> </el-form-item> </el-form> moduleList: [], checkList: [],
二:搜尋處理
async search() { const res = await getModuleList({ name: this.searchWord }) this.moduleOptions = res.data.map((item) => { return { label: item.name, value: item.id, } }) },
三:初始資料處理
async created() { const res = await getModuleList({ query: {} }) this.moduleOptions = res.data.map((item) => { return { label: item.name, value: item.id, } }) },
以上就是直播電商平臺開發,用el-checkout-group實現穿梭框el-transfer效果, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2943934/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 基於jquery實現穿梭框效果jQuery
- 直播電商平臺開發,輸入框的防抖
- 直播電商平臺開發,uni-app 實現搜尋關鍵詞高亮效果APP
- 直播平臺開發,使用swiper實現輪播效果
- 直播電商平臺開發,css實現超出部分顯示省略號,控制文字CSS
- 直播平臺開發,Clip-path實現按鈕流動邊框動畫動畫
- 直播電商平臺開發,HTML和CSS分別實現註冊頁面表單HTMLCSS
- 直播電商平臺開發,環形進度條元件元件
- 直播電商平臺開發,列太多,捲軸顯示
- 直播電商平臺開發,橫豎屏切換的方法
- 直播平臺製作,Flutter ChoiceChip 用來實現選擇標籤效果Flutter
- 直播電商平臺開發,Layui給標籤新增點選事件UI事件
- 直播電商平臺開發,Android | 圖片縮放、自動居中Android
- 直播電商平臺開發,vue 自定義指令過濾特殊字元Vue字元
- 如何開發直播平臺,直播平臺開發需要CDN嗎
- 直播平臺原始碼開發,簽到功能的實現原始碼
- 直播平臺搭建原始碼,bootstrap實現圖片輪播效果原始碼boot
- 直播平臺原始碼,Android自定義View實現呼吸燈效果原始碼AndroidView
- 直播電商平臺開發,vue顯示列表中的多張本地照片Vue
- b2b電商平臺開發價格費用
- 直播平臺軟體開發,實現自定義標題欄
- 數商雲影片直播電商平臺解決方案
- 直播平臺軟體開發,簡單易修改的彈框元件元件
- 直播電商平臺開發,釋出多圖片上傳到伺服器並實現圖片預覽功能伺服器
- 用js(hover )+css實現下拉框效果(有效果圖)JSCSS
- 直播電商平臺開發,日期與時間戳轉換封裝工具類時間戳封裝
- 直播平臺原始碼,用CSS製作毛玻璃效果(高斯模糊效果)原始碼CSS
- 直播帶貨平臺開發,實現音影片同步演算法演算法
- 直播app開發,首頁輪播圖效果實現APP
- 短視訊平臺開發,依靠DrawerLayout實現側滑選單效果
- 直播平臺搭建,uni-app 實現搜尋關鍵詞高亮效果APP
- 直播帶貨平臺開發流量體現是重中之重!
- 直播平臺軟體開發,前端實現登入拼圖驗證前端
- 直播平臺軟體開發,uni-app實現選項卡功能APP
- 直播平臺開發,電話號碼正規表示式
- 直播平臺製作,私密內容自帶毛玻璃效果如何實現
- 直播電商平臺開發,動態去除系統自帶標題欄、狀態列
- 直播電商原始碼,簡述直播的實現原理原始碼