vue.js 显示或隐藏组件

x0fgdtte 于 2022-11-17 发布在 Vue.js

关注(0)|答案(1)|浏览(263)

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

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

vue.js

来源：https://stackoverflow.com/questions/74387052/show-component-or-hide

1条答案

按热度按时间

nnsrf1az1#

如果filterModal总是boolean（或者它有真值或假值），则可以简单地使用v-if到conditionally render，该组件基于filterModal的值。

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

赞(0）回复(0）举报 2022-11-17

我来回答

vue.js 显示或隐藏组件

1条答案

相关问题

热门标签

最新问答