5.20221.842
Wijmo API Module wijmo.vue2.core Wijmo API モジュール

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>