具有VUE vue-onsenui v-ons-segment的OnsenUI无法正常工作。为什么?

时间:2017-10-10 01:21:15

标签: css vue.js vuejs2 segment onsen-ui2

带有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-toolbar按钮的v-ons-back,因此可以使用vue-onsenui。

为什么不起作用?

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

1 个答案:

答案 0 :(得分:0)

只需将onsenuivue-onsenui依赖项升级到最新版本即可。 Changelog here