因為商品詳情頁面是通過leyou-goods-web微服務渲染得到,所以在位址字首中就有item:
所以在此頁面進行跳轉的話,必須將原來的路徑替換,因為如果路徑中還有item的話,又回到了leyou-goods-web中的controller裡,跳轉失敗。
這個導航條是單獨的乙個控制項,在shortcut.js中:
const shortcut =
},created() )
},methods: ,
gotoregister()
}}export default shortcut;
在這裡,修改頁面跳轉的方式,補全跳轉路徑。
修改top.js:
const lytop =
},methods: ,
geturlparam: function (name)
return null;
},gotoindex(),
gotoseckill(),
gotocart()
},created() ,
components:
}export default lytop;
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...
商品詳情頁的子路由
首頁的子元件shopslistitem.vue中 showdetail id detail.vue的mounted中就儲存this.id this.router.query.id傳遞給tabcontrol子元件 id id tabcontrol中 click changetab changetab ...