中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

做spa會(huì)所網(wǎng)站深圳網(wǎng)絡(luò)推廣收費(fèi)標(biāo)準(zhǔn)

做spa會(huì)所網(wǎng)站,深圳網(wǎng)絡(luò)推廣收費(fèi)標(biāo)準(zhǔn),網(wǎng)站建設(shè)錨點(diǎn)鏈接,機(jī)電建設(shè)工程施工網(wǎng)站簡(jiǎn)述:在Element UI框架中,Cascader(級(jí)聯(lián)選擇器)和DateTimePicker(日期時(shí)間選擇器)是兩個(gè)非常實(shí)用且常用的組件,它們分別用于日期選擇和多層級(jí)選擇,提供了豐富的交互體驗(yàn)和便捷的數(shù)據(jù)…

簡(jiǎn)述:在Element UI框架中,Cascader(級(jí)聯(lián)選擇器)和DateTimePicker(日期時(shí)間選擇器)是兩個(gè)非常實(shí)用且常用的組件,它們分別用于日期選擇和多層級(jí)選擇,提供了豐富的交互體驗(yàn)和便捷的數(shù)據(jù)輸入方式。這里來簡(jiǎn)單記錄一下



?一.?日期時(shí)間選擇器,DateTimePicker

 <el-date-pickerv-model="timeValue1"type="datetimerange"range-separator="至"start-placeholder="開始日期"end-placeholder="結(jié)束日期"format="yyyy-MM-dd HH:mm:ss"   <!-- 顯示格式 -->value-format="yyyy-MM-dd HH:mm:ss"  <!-- 綁定值的格式 -->>
</el-date-picker><!-- 日期時(shí)間選擇器 -->
<el-date-pickerv-model="timeValue1"                  綁定到 timeValue1 數(shù)據(jù)type="datetimerange"                  類型為日期時(shí)間范圍range-separator="至"                  范圍分隔符start-placeholder="開始日期"           開始日期占位符end-placeholder="結(jié)束日期"             結(jié)束日期占位符format="yyyy-MM-dd HH:mm:ss"          顯示格式value-format="yyyy-MM-dd HH:mm:ss"    綁定值的格式 
></el-date-picker>

二.?級(jí)聯(lián)選擇器,Cascader

<el-cascader:options="options":props="props"collapse-tagsclearablev-model="selectedOptions"
></el-cascader><!-- 級(jí)聯(lián)選擇器 -->
<el-cascaderv-model="selectedOptions"    綁定到 selectedOptions 數(shù)據(jù):options="options"           選擇器選項(xiàng):props="props"               選擇器屬性collapse-tags                收起標(biāo)簽clearable                    可清除圖標(biāo)顯示
></el-cascader>

三. 參數(shù)屬性

// 日期時(shí)間選擇參數(shù)
timeValue1: "",// 級(jí)聯(lián)選擇器參數(shù)
options: [],
// ?注意這里的props需要額外配置,否則獲取到的值為undefined
props: {multiple: true,value: "id",label: "label",
},
selectedOptions: [],// 定義參數(shù)數(shù)據(jù)
data() {return {// 日期時(shí)間選擇參數(shù)timeValue1: "", // 綁定日期時(shí)間選擇器的值// 級(jí)聯(lián)選擇器參數(shù)options: [], // 選擇器選項(xiàng)數(shù)據(jù)// ?注意這里的props需要額外配置,否則獲取到的值為undefinedprops: {multiple: true, // 支持多選value: "id", // 選項(xiàng)的值字段label: "label", // 選項(xiàng)的標(biāo)簽字段},selectedOptions: [], // 綁定級(jí)聯(lián)選擇器的值,保存選擇的事件類型id};
},

四. 觸發(fā)事件

choseSearch() {this.tableLoading = true;if (this.timeValue1.length === 0 || this.selectedOptions.length === 0) {console.error("請(qǐng)確保選擇了日期范圍和事件類型");return;}// console.log(this.timeValue1);// console.log(this.selectedOptions);const choseData = this.selectedOptions.map((cur) => {// console.log(cur);return cur[1];});// console.log(choseData);const ecentParams = {startTime: this.timeValue1[0],endTime: this.timeValue1[1],eventTypeIds: choseData,};// console.log(ecentParams);eventData(ecentParams, this.params).then((res) => {console.log(res);if (res.code === 200) {......}});
},// 點(diǎn)擊事件
choseSearch() {this.tableLoading = true; // 設(shè)置表格加載狀態(tài)// 檢查是否選擇了日期范圍和事件類型if (this.timeValue1.length === 0 || this.selectedOptions.length === 0) {console.error("請(qǐng)確保選擇了日期范圍和事件類型");return; // 如果未選擇,退出方法}// 處理選中的事件類型ID,將每個(gè)選中的值的第二個(gè)元素(事件類型ID)提取出來const choseData = this.selectedOptions.map((cur) => {return cur[1];});// 創(chuàng)建查詢參數(shù)對(duì)象const ecentParams = {startTime: this.timeValue1[0], // 設(shè)置開始時(shí)間endTime: this.timeValue1[1], // 設(shè)置結(jié)束時(shí)間eventTypeIds: choseData, // 設(shè)置選中的事件類型ID};// 調(diào)用API方法,傳遞查詢參數(shù)eventData(ecentParams, this.params).then((res) => {console.log(res); // 打印API響應(yīng)結(jié)果if (res.code === 200) {// 處理成功響應(yīng)......}});
},

http://www.risenshineclean.com/news/53757.html

相關(guān)文章:

  • .net做網(wǎng)站用什么的多雅虎搜索
  • 專業(yè)的網(wǎng)站建設(shè)設(shè)計(jì)價(jià)格怎么做一個(gè)免費(fèi)的網(wǎng)站
  • 制作網(wǎng)站必做步驟域名注冊(cè)
  • 專業(yè)公司網(wǎng)站設(shè)計(jì)企業(yè)seo網(wǎng)絡(luò)推廣知識(shí)
  • 慈溪做無痛同濟(jì)&網(wǎng)站福州今日頭條新聞
  • 音響網(wǎng)站模板免費(fèi)下載網(wǎng)絡(luò)推廣外包要多少錢
  • 網(wǎng)站制作的合同百度指數(shù)查詢排行榜
  • 網(wǎng)站簡(jiǎn)單制作免費(fèi)友情鏈接交換平臺(tái)
  • 常州建設(shè)網(wǎng)站公司網(wǎng)站產(chǎn)品推廣文章
  • 大公司做網(wǎng)站營銷策劃書
  • 黃驊市網(wǎng)站建設(shè)價(jià)格新聞發(fā)布
  • 長(zhǎng)沙網(wǎng)站制作工作室知名公司關(guān)鍵詞有哪幾種
  • 微網(wǎng)站 制作平臺(tái)最佳bt磁力狗
  • 一個(gè)做BAT筆試題的網(wǎng)站關(guān)鍵詞名詞解釋
  • 網(wǎng)站后臺(tái)圖片上傳失敗福建百度seo排名點(diǎn)擊軟件
  • 撩人的網(wǎng)站怎么做看網(wǎng)站時(shí)的關(guān)鍵詞
  • WordPress更改網(wǎng)站地址抖音seo排名系統(tǒng)哪個(gè)好用
  • 如何給別人做網(wǎng)站成都私人網(wǎng)站制作
  • 巴中網(wǎng)站制作公司公司怎么做網(wǎng)站推廣
  • 輕博客網(wǎng)站開發(fā)去了外包簡(jiǎn)歷就毀了嗎
  • 傳世手游新開服網(wǎng)站網(wǎng)站首頁不收錄
  • 做網(wǎng)站用什么后綴好網(wǎng)站模板
  • 淘寶網(wǎng)站建設(shè) 推廣 上海濟(jì)寧百度推廣開戶
  • thinkphp做雙語網(wǎng)站百度知道app官方下載
  • 成都優(yōu)化網(wǎng)站哪家公司好seo優(yōu)化網(wǎng)站的手段
  • 把自己做的網(wǎng)站進(jìn)行app封包騰訊云域名注冊(cè)官網(wǎng)
  • 對(duì)小米網(wǎng)站的建設(shè)意見青島新聞最新今日頭條
  • 想注冊(cè)一個(gè)做網(wǎng)站的公司企業(yè)營銷
  • 開家做網(wǎng)站公司有哪些合肥關(guān)鍵詞排名提升
  • 修改公司網(wǎng)站東莞推廣公司