Vue.js 和 bulma 的新手。我正在尝试让模态弹出窗口工作,到目前为止,我通过在 App.vue 主文件中包含模态组件来实现这一点:
<template lang="pug">
div#app
navigation-menu
menu-modal
transition(name="fade")
router-view
</template>
我只希望模态显示数据是否在此处设置为 true(仍在 App.vue 中,在脚本标签内):
export default {
name: 'app',
components: {
NavigationMenu, MenuModal
},
data: {
showModal: true
}
}
我尝试在模板标签(Vue.js)中添加它:
但是,即使在数据中将 showModal 设置为 true,模式也会从页面中消失。
知道如何在数据设置为 true 时使模式出现并在设置为 false 时消失吗?