wijmo.vue2.core モジュール

wijmo モジュールに対応するVue 2 と Vue 3コンポーネントを含みます。

変数

WjFormat

WjFormat: any

グローバル化された書式設定を日付や数値に適用するVueフィルタ。

たとえば、次のコードは、 wj-format フィルタを使用して、現在のWijmoカルチャに基づいて数値を通貨値として書式設定し、日付を短い日付として書式設定します。

<p>value: {{ theAmount | wj-format('c') }}</p>
<p>date: {{ theDate | wj-format('d') }}</p>

WjInclude

WjInclude: any

特定のHTMLフラグメントをドキュメントに含めるVueコンポーネント。

wj-includeコンポーネントは、ロードしてドキュメントに含めるファイルを指定するwj-include属性を取ります。例えば：

<wj-popup control="modalDialog" :modal="true" :hide-trigger="None">
  <wj-include src="includes/dialog.htm"></wj-include>
</wj-popup>

WjTooltip

WjTooltip: any

Tooltip クラスに対応するVueディレクティブ。

ページ上の要素にツールチップを追加するには、** wjTooltip **ディレクティブを使用します。 wjTooltipディレクティブでは、HTMLコンテンツ、配置の設定、およびタッチ操作がサポートします。

wjTooltipディレクティブは、ツールチップが適用される要素に追加されるv-wjTooltip属性として指定されます。パラメータ値は、ツールチップのテキストまたはテキストを含む要素のIDです。

追加のプロパティを使用してツールチップを指定することもできます。この例では、ディレクティブ値はプロパティ値を持つオブジェクトです。可能なプロパティは次のとおりです。

tooltip - ツールチップテキストまたは要素ID。

position - Tooltip.positionプロパティを表します。

以下に例を示します。

<p v-wjTooltip="'文字列のみ'">
  文字列のツールチップを含む段落。
</p>
<p v-wjTooltip="{tooltip: '#fineprint', position: 'Left'}>
  ツールチップが要素として定義されている段落。
</p>
...
<div id="fineprint" style="display:none">
<h3>注意点</h3>
<p>
  今四半期のデータは推定されています。</p>
</div>