使用监听函数监听子组件props中变量的变化,当变量值发生变化时,修改获取到的变量值,然后赋值给data中的
变量,最后将data中的变量值渲染到页面上完成组件页面渲染效果!
<template>
<view class="product-list">
<view class="item" v-for="(item,index) in productData" :key="index">
<image :src="item.ThumbnailUrl160" mode="widthFix"></image>
<text>{
{
item.ProductName}}</text>
<view class="KeyWords">
<text v-for="(i,index) in item.KeyWords" :key="index">{
{
i}}</text>
</view>
<view class=