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

Question

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

代码在修改后的 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.

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

OnsenUI with VUE vue-onsenui v-ons-segment not working. Why?

css

segment

vue.js

onsen-ui2

vuejs2