2017-10-10 59 views
0

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

回答

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

相關問題