Javascript 为什么我的bulma模式在数据设置为true时不显示？（Vue.js）

Vue.js和bulma的新增功能。我正在尝试让一个模态弹出窗口工作，到目前为止，我已经在主App.vue文件中包含了模态组件：

<template lang="pug">
  div#app
    navigation-menu
    menu-modal
    transition(name="fade")
      router-view
</template>

我尝试在模板标记（Vue.js）中添加此内容：

但是，即使在数据中将showmodel设置为true时，该模式也会从页面中消失

---

知道如何使模式在数据设置为true时显示，在设置为false时消失吗？

您正在指定一个

数据属性，该属性将在单个Vue实例上工作，但不会在Vue组件上工作。看

您应该指定一个
data
方法，该方法返回
showmodel
设置为
true
的对象：

data() {
  return {
    showModal: true
  }
}

data() {
  return {
    showModal: true
  }
}