帶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

來源

2017-10-10 pashute

只需升級onsenui和vue-onsenui依賴到最新版本。 Changelog here。

來源

2017-10-10 02:14:24

在我編寫'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

帶VUE vue-onsenui v-ons-segment的OnsenUI無法正常工作。爲什麼？

回答

相關問題