Vue 2用のWijmo相互運用モジュール。
このモジュールは、Wijmoコントロールをカプセル化したVue 2コンポーネントを提供します。
これを使用するには、Vue 2フレームワーク(RC6以上)への参照、 および 通常のWijmo CSSファイルとjsファイルをアプリケーションに含める必要があります。
VueページにWijmoコントロールを追加するには、 HTMLファイルに適切なタグを含めます。 たとえば、次のコードは、 Vueページに InputNumber コントロールを追加します。
<wj-input-number format="c2" placeholder="Sales" :value="sales" :value-changed="salesChanged" :min="0" :max="10000" :step="100" :is-required="false"> </wj-input-number>
// Wijmoイベントハンドラ // InputNumber値と比較する"sales"値を更新します function salesChanged(sender, eventArgs) { this.sales = sender.value; }
この例は、次の重要なポイントを示しています。
:min="0"
:value-changed="salesChanged"
すべてのWijmo Vueコンポーネントには、"initialized"イベントがあります。 これは、コントロールがページに追加されて初期化された後に発生します。 このイベントを使用して、マークアップでプロパティを設定するほかに、 追加的な初期化を実行できます。次に例を示します。
<wj-flex-grid :initialized="initGrid"> </wj-flex-grid>
// Vue アプリケーション var app = new Vue({ el: '#app', methods: { initGrid: function(s, e) { // グリッドにカスタムMergeManagerを割り当てます s.mergeManager = new CustomMergeManager(s); } } });
次のコンポーネントのいずれかに wijmo.chart.animation.ChartAnimation を表すVueコンポーネント。 wijmo.vue2.chart.WjFlexChart 、wijmo.vue2.chart.WjFlexPie 、wijmo.vue2.chart.finance.WjFinancialChart 、 またはwijmo.vue2.chart.radar.WjFlexRadar。
Vue 2用のWijmo相互運用モジュール。
このモジュールは、Wijmoコントロールをカプセル化したVue 2コンポーネントを提供します。
これを使用するには、Vue 2フレームワーク(RC6以上)への参照、 および 通常のWijmo CSSファイルとjsファイルをアプリケーションに含める必要があります。
VueページにWijmoコントロールを追加するには、 HTMLファイルに適切なタグを含めます。 たとえば、次のコードは、 Vueページに InputNumber コントロールを追加します。
<wj-input-number format="c2" placeholder="Sales" :value="sales" :value-changed="salesChanged" :min="0" :max="10000" :step="100" :is-required="false"> </wj-input-number>
// Wijmoイベントハンドラ // InputNumber値と比較する"sales"値を更新します function salesChanged(sender, eventArgs) { this.sales = sender.value; }
この例は、次の重要なポイントを示しています。
:min="0"
など)。:value-changed="salesChanged"
など)。すべてのWijmo Vueコンポーネントには、"initialized"イベントがあります。 これは、コントロールがページに追加されて初期化された後に発生します。 このイベントを使用して、マークアップでプロパティを設定するほかに、 追加的な初期化を実行できます。次に例を示します。