uniapp 跳转到商品详情页

<template><view class="goods-list"><goods-list :goods="goods" @goodsItemClick="goGoodsDetail"></goods-list><view>我是有底线的</view></view>
</template>
<script>import goodsList from '../../components/goods-list/goods-list.vue'export default {data() {return {pageindex: 1,goods: [],flag: false}},components: {"goods-list": goodsList},methods: {async goodsList(callBack) {const res = await uni.$myRequest({url: '/api/getGoods?pageindex='+this.pageindex})this.goods = [...this.goods, res.data.message]callBack && callBack()},// 跳转到商品详情页goGoodsDetail(id) {uni.navigatorTo({url: '/pages/goods-detail/goods-detail?id='+id})}},onLoad() {this.getGoodsList()},onReachBottom() {// 上拉加载if (this.goods.length < 10) return this.flag = trueconsole.log('触底了')this.pageindex++this.goodsList()},onPullDownRefresh() {//  下拉刷新console.log('下拉刷新了')this.pageindex = 1this.goods = []this.falg = falsesetTimeout(()=>{this.goodsList(()=>{uni.stopPullDownRefresh()})}, 1000)}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}
</style>

<template><view class="goods-list"><view class="goods-item" v-for="item in goods" :key="item.id" @click="navigator(item.id)"><iamge :src="item.img_url"></iamge><view class="price"><text>{{item.sell_price}}</text><text>{{item.market_price}}</text></view><view class="name">{{item.title}}</view></view></view>
</template><script>export default {data() {return {}},props:['goods'],methods: {navigator(id) {this.$emit('goodsItemClick', id)}}}
</script><style></style>

uniapp 跳转到商品详情页相关推荐

Vue通过id跳转到商品详情页
首页列表: 在这里我用a标签进行跳转,在vue里面使用<router-link></router-link> <router-link :to="{path:' ...
组织商品详情页的数据模型
创建FeignClient 我们在learn-goods-web服务中,创建FeignClient: BrandClient: @FeignClient("item-service" ...
尚硅谷谷粒商城第十二天商品详情页及异步编排
1. 商品详情当用户搜索到商品,肯定会点击查看,就会进入商品详情页,接下来我们完成商品详情页的展示. 商品详情浏览量比较大,并发高,我们会独立开启一个微服务,用来展示商品详情. 1.1. 创建mod ...
微信小程序商城开发-商品详情页跳转购物车
项目场景: 微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于tabbar页面的跳转) 问题描述点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面,总是报错原因分析: 微 ...
在iOS应用中跳转到淘宝或天猫客户端商品详情页
最近做iOS项目的时候遇到一个需求,启动图片后是广告页,点击广告页,跳转到淘宝或天猫的商品详情页. 具体需要是这样: 1)安装了淘宝:跳转到淘宝详情页. 2)没装淘宝,装了天猫:跳转到天猫详情页 3) ...
iOS app url scheme跳转到淘宝商品详情页唤醒app
最近涉及的一个业务,在app内的一个广告,点击打开webView,加载的是一个淘宝商品详情页,效果是打开该webView自动跳转至淘宝对应的页面,同时在自己的app仍然加载页面,点击评论等也同样能跳转 ...
Wordpress商品详情页新增Buy on amazon/ebay跳转按钮
Wordpress商品详情页新增Buy on amazon/ebay跳转按钮提示:本文内容严禁在其他平台转载!劳动成果不易,希望能相互体谅.这个亚马逊商品链接跳转不是用插件编辑,而是在woocomm ...
uniapp生成小程序码仿商品小程序码跳转到商品详情
uniapp生成小程序码仿商品小程序码跳转到商品详情之前在网上找了下没有相关教程去生成小程序商品小程序码微信扫码直接跳转到小程序详情页面,今天我们就用uniapp来实现这个,其实微信小程序端方法大致 ...
uniapp商品详情页规格、SKU选择
uniapp商品详情页购物车选择提示:这里因为后台返回的数据格式原因,代码性能可能有点稍差,但是注释是很完整的文章目录 uniapp商品详情页购物车选择先上代码,以示诚意后台接口返回的数据格式 ...
仿商城商品生成分享海报图片和识别图中二维码并跳转商品详情页
购物商城里面的商品分享给朋友的时候会生成一张海报图片,图片上附带这二维码图片,朋友拿到这张图片扫描上面的二维码就可以进入商品详情页查看此商品了.今天来做一下这种功能,先生成商品海报图片,然后长按这张图 ...

uniapp 跳转到商品详情页

uniapp 跳转到商品详情页相关推荐

最新文章

热门文章