摘要:數組中有數個對象,每個對象包和一些其他的基本信息。現在要將數個展示,且在其下方展示其包含的。單個單個注意兩個中的參數使用。
非父子組件間的通信
在src中創建一個eventbus.js作為eventbus的中轉站
使用emit與on來在不同組件中監聽事件
import Vue from "vue" export default new Vue(); //創建eventBus中轉站
import EVENTBUS from "@/eventBus" //在需要用到的組件中導入eventbus
updateList(){ EVENTBUS.$emit("updateList", 1) } //注冊事件,并傳遞參數
activeGetSpliter() { EVENTBUS.$on("activeGetSpliter", reg => { this.isLoading = true; this.isActive = false; this.getSpliter(reg); }); }, //監聽事件,處理參數在Vue中操作DOM
其實如果使用了VUE,個人認為不與DOM打交道是最好的:)
@click="changeSpliter(spliterIndex, $event)" //在函數中傳遞一個叫$event的參數
var spliterDOM = $event.target.parentNode.previousElementSibling.childNodes[0]; //如此便可以獲取DOM
console.log($event.target) //可以如此來觀察所選取的是何元素v-for嵌套循環
從后端得到的json里有一backUp數組,數組由數個對象組成,每個對象里包含一個字符串類型的spliter_id,和一個brand_arr的數組。brand_arr數組中有數個對象,每個對象包brand_id和一些其他的brand基本信息。現在要將數個spliter_id展示,且在其下方展示其包含的brand_id。
{{ spliter.spliter_id}}{{ brand.brand_id }}
注意兩個v-for中的參數使用。使用合適的參數可以很快捷的完成循環嵌套,來展示包含多個層級關系的數據
vue開發環境跨域代理配置在config/index.js中寫入以下內容
moudle.exports = { dev: { assetsSubDirectory: "static", assetsPublicPath: "/", proxyTable: { "/GetSpliterAndBrandBySite": { target: "https://wpc-product.earth.xpas.xxx.com", changeOrigin: true, secure: false, pathRewrite: { "^/GetSpliterAndBrandBySite": "/GetSpliterAndBrandBySite" } }, }, } }
接下來,如果想使用GetSpliterAndBrandBySite這個api,只需在請求中寫入
var url = "/GetSpliterAndBrandBySite";
就行了。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114102.html
摘要:美團點評面試實習經歷回想總結一下美團實習經歷給想去美團的小伙伴一些參考順便積累點人品面試兩輪技術面一輪不刷人的月份的時候內推了美團實習簡歷估計太水了沒等到面試機會四月的時候在美團的學長幫推了簡歷直接給了幾天后接到電話面試三天順利完成兩輪技術 2017美團點評面試實習經歷 回想總結一下美團實習經歷,給想去美團的小伙伴一些參考.順便積累點人品. 面試 兩輪技術面+一輪不刷人的HR3月份的...
摘要:美團點評面試實習經歷回想總結一下美團實習經歷給想去美團的小伙伴一些參考順便積累點人品面試兩輪技術面一輪不刷人的月份的時候內推了美團實習簡歷估計太水了沒等到面試機會四月的時候在美團的學長幫推了簡歷直接給了幾天后接到電話面試三天順利完成兩輪技術 2017美團點評面試實習經歷 回想總結一下美團實習經歷,給想去美團的小伙伴一些參考.順便積累點人品. 面試 兩輪技術面+一輪不刷人的HR3月份的...
摘要:基礎回答的好百度說實話沒想到百度會給我打面試電話,畢竟是,在我心中地位還是很高的。后來第二天就通知我說直接過了,不用二三面了,就這樣只面了一面稀里糊涂的過了百度。差不多是這些,因為是米粉所以毫不猶豫的接收了小米,沒去百度。 ----------5月5日確認收到阿里offer ----------4月12日昨天阿里HR面完,目前在等結果的階段,無論結果如何都能接收,作為一名雙非學校的本科...
摘要:那今天給就就投稿的這位屆小粉絲就是當時暑期在騰訊實習順利轉正,然后月份通過內推又拿下阿里的巨佬小姐姐。在騰訊實習期間也就是七月份我就提前批開始投了幾份簡歷,八月初接到阿里的電話,經歷面技術面面,歷時一個月被阿里錄取。 又是一年實習季,大三的同學可能都在忙著找實習或者做簡歷了~ 但是肯定也有同學還不想開始找,覺得現在太早了 所以就就今天特意給大家準備了一篇關于找實習的文章,相信大家看完一...
摘要:那今天給就就投稿的這位屆小粉絲就是當時暑期在騰訊實習順利轉正,然后月份通過內推又拿下阿里的巨佬小姐姐。在騰訊實習期間也就是七月份我就提前批開始投了幾份簡歷,八月初接到阿里的電話,經歷面技術面面,歷時一個月被阿里錄取。 又是一年實習季,大三的同學可能都在忙著找實習或者做簡歷了~ 但是肯定也有同學還不想開始找,覺得現在太早了 所以就就今天特意給大家準備了一篇關于找實習的文章,相信大家看完一...
閱讀 3605·2021-11-15 11:38
閱讀 2801·2021-11-11 16:55
閱讀 2550·2021-11-08 13:22
閱讀 2627·2021-11-02 14:45
閱讀 1303·2021-09-28 09:35
閱讀 2567·2021-09-10 10:50
閱讀 463·2019-08-30 15:44
閱讀 2775·2019-08-29 17:06