商品詳情頁的子路由

2021-10-03 18:41:01 字數 790 閱讀 3265

首頁的子元件shopslistitem.vue中

showdetail

(id)})

}

detail.vue的mounted中就儲存this.id = this.$router.query.id傳遞給tabcontrol子元件:id = 'id'tabcontrol中

@click="changetab()

changetab

(obj)})

}

子路由改變,應該在父路由中監聽

父路由detail中

currentpath:

'/detail'

//預設為/detail

watch:

}}

把currentpath傳個tabcontrol子元件中

:current-path=

"currentpath"

props:

監聽currentpath,實質監聽路由變化(回退)

data()

}watch:}:

class

="currentindex === index ? 'active' : ''"

3 3 商品詳情頁

1 對應的goodsdao中的核心 為 select select g.mg.stock count,mg.miaosha price,mg.start date,mg.end date from miaosha goods mg left join goods g on mg.goods id g...

商品詳情頁上拉檢視詳情

目錄介紹2.1 使用slidelayout效果 2.2 使用slideanimlayout帶有載入動畫效果3.1 第一種,直接上拉載入分頁 slidelayout有兩個子childview 3.2 第一種,上拉加載有動畫效果,然後展示分頁 slideanimlayout有三個子childview o...

iOS 常見的商品詳情頁布局

pragma mark life cycle void dealloc void viewdidload void initdefault void initsubview pragma mark network void refreshdata fixme 發起網路請求 void loaddata...