wijmo.vue2.core モジュール

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

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

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ディレクティブでは、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>