我有一个名为<PlanView/>
的vue
组件,我有条件地呈现这个组件:
<div v-if="show_plan" id="mainplan">
<PlanView/>
</div>
<div class="icon" v-else>
<font-awesome-icon icon="fa-solid fa-angles-right" @click="openPlan"/>
</div>
openPlan() {
this.show_plan = true;
},
但是我希望即使组件没有被渲染,功能也能被调用,你能告诉我怎么做吗?谢谢。
2条答案
按热度按时间mf98qq941#
如果您希望重新显示组件并且不显示组件,您可以隐藏组件内模板的可见性,而不是隐藏整个组件。
向
PlanView
传递一个属性以决定是否渲染模板接受
PlanView
组件内部的 prop ,如只有当 prop 满足时才渲染
PlanView
的模板。或
只需在 Package 器上使用
v-show
,这样元素就会被加载,但在条件为false时不会显示在UI中mbskvtky2#
您可以简单地使用
v-show
而不是v-if
来提供与@Nitheesh的答案所建议的相同的功能。但我不确定这是否是您所指的 * 通过调用功能 *。