带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-toolbar
和v-ons-back
按钮,因此vue-onsenui可用。
为什么它不起作用?
我使用的Monaca 2.4.1
节点:8.5.0
NPM:5.4.2
VUE-onsenui:2.0.0
在我编写'npm update onsenui'和'npm update vue-onsenui'的目录中,花了大约一分钟的时间完成(没有输出),仍然看到相同的行为......或者你是否在谈论其他方式更新?在更新日志中没有提到VUE版本。在2.3.0中有一些关于段的内容,在2.6.0中他们添加了'ons-segment'和角度绑定... – pashute
在根目录中运行'npm outdated',你会看到什么是当前版本和最新版本。打开'package.json'并更改必要的数字以匹配所有这些依赖项中的最新内容。 –
这个伎俩! 我当时试着'div class =“ons-segment”'这不行,但'v-ons-segment'就像一个魅力一样运行。 – pashute