精品推荐商品数据绑定

zhiyangdu
1 parent 77a15669
Showing 2 changed files with 35 additions and 8 deletions
src/components/imgListBox/imgListBox.vue
src/components/tabBox/tabBox.vue
 <template>
-	<div class="img-list-box" v-if="imgLists && imgLists.list && imgLists.list.length">
+	<div class="img-list-box" v-if="imgLists && imgLists.length">
 		<div class="box">
-			<div class="img-box" v-for="(item, index) in imgLists.list" :key="index" @click="toDetail(item)">
+			<div class="img-box" v-for="(item, index) in imgLists" :key="index" @click="toDetail(item)">
 				<img v-lazy="item.simg + SIGN.BIG" class="img" mode="widthFix" />
 			</div>
 		</div>
@@ -12,12 +12,11 @@
 	export default {
 		data() {
 			return {
-				
+
 			};
 		},
 		props: ["imgLists"],
 		methods: {
-			
 			/**
 			 * 跳转详情
 			 * @param {object} item [列表对象]
@@ -32,4 +31,4 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang='less' scoped>
 	@import './imgListBox';
-</style>
 \ No newline at end of file
+</style>
@@ -8,12 +8,12 @@
                   <!-- 关爱屋 -->
                   <html-box
                       v-if="item.style == '14'"
-                      :htmls="item">
+                      :htmls="item.content">
                   </html-box>
                   <img-list-box
                       v-if="item.style == '1'"
                       @detail="toDetail"
-                      :imgLists="item">
+                      :imgLists="item.img">
                   </img-list-box>
                   <column-commodity-list-box
                       v-if="item.style == '15'"
@@ -60,7 +60,35 @@
             this.tabbaromponents = this.tabbar.find((item)=>{
                 return item.title === title
             });
-        }
+        },
+        /**
+         * 调用通用跳转
+         * @param {object} item [通用跳转对象]
+         */
+        toDetail(item) {
+
+            // 判断是否有通用跳转函数
+            if (typeof this.$parent.gotoDetail === "function") {
+
+                // 调用通用跳转
+                this.$parent.gotoDetail(item);
+            }
+        },
+        /**
+         * 特定跳转商品详情
+         * @param {object} item [跳转对象]
+         */
+        toCommodityDetail(item) {
+
+            // 设置跳转参数
+            Object.assign(item, {
+                type: "2",
+                to: item.id
+            });
+
+            // 调用通用跳转
+            this.toDetail(item);
+        },
     }
   }
 </script>