首页 > 前端 > 正文

请看下面这段代码:

<el-drawer title="测试代码" destroy-on-close="true" :visible.sync="showtheorygrading" size="100%" >
	<theorygrading></theorygrading>
</el-drawer>

theorygrading是自定义的子组件当el-drawer显示时,theorygrading子组件的mounted方法只执行了一次,那么如果解决这个问题呢?

只要在el-drawer里加上v-if判断就可以了,如下:

<el-drawer title="测试代码" destroy-on-close="true" v-if="showtheorygrading" :visible.sync="showtheorygrading" size="100%" >
	<theorygrading></theorygrading>
</el-drawer>

RoveCoder版权所有,转载请注明

猜你喜欢
picture loss