2017-10-10 22 views
0

VUE vue-onsenui v-ons-segmentのOnsenUIが正しく表示されず、ボタンバーの代わりに標準ボタンが表示されます。VUEを持つOnsenUI v-onsenui v-ons-segmentが機能しません。どうして?

コードは、最小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が利用可能です。

なぜ機能しないのですか? 8.5.0
NPM:5.4.2
VUE-onsenui:2.0.0

答えて

0

単純に、最新のバージョンにonsenuivue-onsenui依存関係をアップグレード

私はモナカは2.4.1
ノード使用しています。 Changelog here

+0

私は 'npm update onsenui'と' npm update vue-onsenui'を書いたディレクトリで、(出力なしで)完了するまでに約1分かかりましたが、それと同じ振る舞いを見ています...他にも更新の?チェンジログには、VUEバージョンの記述はありません。 2.3.0ではセグメントに関することがあり、2.6.0では 'ons-segment'と角度結合を追加しました... – pashute

+0

ルートディレクトリに' npm outdated'を実行すると、現在と最新のバージョン。 'package.json'を開き、それらの依存関係すべての最新のものと一致するように必要な数を変更してください。 –

+0

それはトリックでした! 私は 'div class =" ons-segment "で動作しませんでしたが、' v-ons-segment'はチャームのように動作します。 – pashute

関連する問題