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

问题描述:

OnsenUI与VUE vue-onsenui v-ons-segment显示不正确,而不是连续的按钮栏,我得到标准按钮。带VUE vue-onsenui v-ons-segment的OnsenUI无法正常工作。为什么?

的代码与最小VUE模板修改的Monaca CLI项目,一个.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-toolbarv-ons-back按钮,因此vue-onsenui可用。

为什么它不起作用?

我使用的Monaca 2.4.1
节点:8.5.0
NPM:5.4.2
VUE-onsenui:2.0.0

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

+0

在我编写'npm update onsenui'和'npm update vue-onsenui'的目录中,花了大约一分钟的时间完成(没有输出),仍然看到相同的行为......或者你是否在谈论其他方式更新?在更新日志中没有提到VUE版本。在2.3.0中有一些关于段的内容,在2.6.0中他们添加了'ons-segment'和角度绑定... – pashute

+0

在根目录中运行'npm outdated',你会看到什么是当前版本和最新版本。打开'package.json'并更改必要的数字以匹配所有这些依赖项中的最新内容。 –

+0

这个伎俩! 我当时试着'div class =“ons-segment”'这不行,但'v-ons-segment'就像一个魅力一样运行。 – pashute