显示或隐藏组件

Question

<q-dialog
v-model="filterModal"
position="left"
full-height
maximized
>
<object-mobile-filter />
</q-dialog>

我有一个<object-mobile-filter />组件，如果filterModal为false，则模型窗口被隐藏，组件本身被杀死，是否可以这样做，当窗口为hidden时，component本身被隐藏，当filterModal = true时，一个新的组件被创建。

Answer 1

如果filterModal总是boolean(或者它有真值或假值)，你可以简单地使用v-if根据filterModal的值有条件地渲染组件。

<q-dialog
v-model="filterModal"
position="left"
full-height
maximized
>
<object-mobile-filter v-if="filterModal" />
</q-dialog>