问题:html结构与js代码检查很多遍,没有问题,但是使用navigator不进行跳转
<!-- 楼层区域 -->
<view class="floor-list">
<!-- 楼层 item 项 -->
<view class="floor-item" v-for="(item, i) in floorList" :key="i">
<!-- 楼层标题 -->
<image :src="item.floor_title.image_src" class="floor-title"></image>
<!-- 楼层图片区域 -->
<view class="floor-img-box">
<!-- 左侧大图片的盒子 -->
<navigator class="left-img-box" :url="item.product_list[0].url">
<image :src="item.product_list[0].image_src" :style="{width: item.product_list[0].image_width + 'rpx'}" mode="widthFix"></image>
</navigator>
<!-- 右侧 4 个小图片的盒子 -->
<view class="right-img-box">
<navigator class="right-img-item" v-for="(item2, i2) in item.product_list" :key="i2" v-if="i2 !== 0" :url="item2.url">
<image :src="item2.image_src" mode="widthFix" :style="{width: item2.image_width + 'rpx'}"></image>
</navigator>
</view>
</view>
</view>
</view>
async getFloorList() {
const { data: res } = await uni.$http.get('/api/public/v1/home/floordata')
if (res.meta.status !== 200) return uni.$showMsg()
// 通过双层 forEach 循环,处理 URL 地址
res.message.forEach(floor => {
floor.product_list.forEach(prod => {
prod.url = "/subpkg/goods_list/goods_list?" + prod.navigator_url.split('?')[1]
})
})
this.floorList = res.message
}
点击任何一个都不发生跳转
在pages.json中设置了,但是在分包文件下新建页面,=没有自动将配置信息加载进去=
"subPackages": [
{
"root": "subpkg",
"pages": []
}
]
因此需要手动加上:
"subPackages": [
{
"root": "subpkg",
"pages": [{
"path": "goods_detail/goods_detail",
"style": {}
}]
},
{
"root": "subpkg",
"pages": [{
"path": "goods_list/goods_list",
"style": {}
}]
}
]
此时再进行点击就可以跳转了