css - 带有 VUE vue-onsenui v-ons-segment 的 OnsenUI 不工作。为什么？

Question

带有 VUE vue-onsenui v-ons-segment 的 OnsenUI 显示不正确，我得到的不是连续的按钮栏，而是标准按钮。

代码在修改后的 Monaca CLI 元素中，使用最小的 VUE 模板，在 .vue 文件中:在 page2.vue 中，我还尝试用相同的结果替换 App.vue 中的代码。

代码是:

<p style="text-align: center">This is the second page</p>
<v-ons-segment>
  <button>hi</button>
  <button>bye</button>
  <button>try</button>
</v-ons-segment>
<p style="text-align: center">and hello again</p>

根据文档，它应该是这样的:https://onsen.io/v2/api/vue/v-ons-segment.html

这是我得到的结果的屏幕截图:

顶部的工具栏是一个带有 v-ons-back 按钮的 v-ons-toolbar，因此 vue-onsenui 可用。

为什么它不起作用？

我正在使用 Monaca 2.4.1
节点:8.5.0
NPM:5.4.2
vue-onsenui:2.0.0

Answer 1

只需将 onsenui 和 vue-onsenui 依赖升级到最新版本即可。 Changelog here .