在父组件中引用多个子组件时,触发子组件2重新渲染 (是否显示“返回”按钮)
根据子组件1的数据表动,改变子组件2的参数值并重新渲染子组件1、2
代码如下:
子组件TopBar添加:key 时间(new Date()).getTime()毫秒数变动,防止js缓存,达到动态渲染目的
<template>
<div class="bind">
<TopBar v-bind:propsdata='returnData' :key='(new Date()).getTime()' />
<BindComponent v-show='step == 0' v-on:setstep='getStep' />
<Loading v-if='step == 1' />
<Result v-if='step == 2' v-bind:result='resultMsg' />
</div>
</template>
export default {
methods: {
getStep(step) {
this.returnData.isReturnBtn = this.step !== 1 ? false : true;
}
},
}