相关疑难解决方法(0)

我有一个父母和一个孩子。在父级中，我将 3 个变量作为道具传递给子级。在 Child 中，我使用watch()来寻找变量的变化。当第一次创建孩子时，手表按预期工作，但是当来自道具的数据更新时，孩子的 DOM 不会更新。正在寻找变量数据变化的 watch 函数根本没有运行。

这是我的代码。它有点长，所以请耐心等待。

父组件.vue

 <template>
 <div>


 <button type="button" v-on:click="LoadCatalog()">Click me!! </button>

 <div v-if="displayCategoryList" class="row">
    <h3>Select Category Men</h3>
    <select v-model="menCategory" v-on:change="passDataToChild()">
        <option v-for="item in categoriesfordisplay.men"  v-bind:key="item">
            {{ item }}
        </option>
    </select> 
    <h3>Select Category Women</h3>
    <select v-model="WomenCategory" v-on:change="passDataToChild()">
        <option v-for="item in categoriesfordisplay.women" v-bind:key="item">
            {{ item }}
        </option>
    </select> 
 </div>

 <div v-if="displayData" class="row">

        <div v-for="item in data_to_show_on_mainpage"  v-bind:key="item" >
            <button v-on:click="newfunction(item.cat,item.gender)" >
                <img v-bind:src="item.data.image"> </img>
                <p >{{ item.cat }}</p>
            </button>
         </div>



 </div> …