問題タブ [ion-range-slider]

現在、あるスライダーからの入力が別のスライダーの最大値に影響を与える必要があるマルチステップ フォームを設定しています。this.tabSchema.(tab-id).fields[0].rangeSliderOptions.max を使用して最大値を手動で更新できますが、これは UX をまったく変更しません。コンソールで max が正しく更新されたことを確認できますが、UX には古い max が表示されます。

ion.RangeSlider のドキュメントを掘り下げると、.update、.destroy、および .reset メソッドがあることがわかります。ただし、これらには、.update() を呼び出すスライダー オブジェクトを適切にセットアップするために、jquery に固有の関数 .data() が必要なようです。Vueで使用するためのこれに関するドキュメントはありません。これを行う既知の方法はありますか？そうでない場合、誰かがそれを回避する方法を知っていますか?

ETA: リクエストされたコードあり。これは、関連する tabSchema のビットです。tabSchema にはさらに多くのタブがありますが、これらは関連する 2 つです。

各タブを検証するコードは次のとおりです。

ion.RangeSlider のドキュメント (下部のパブリック メソッド): https://github.com/IonDen/ion.rangeSlider

Vue-form-generator rangeslider のドキュメント: https://icebob.gitbooks.io/vueformgenerator/content/fields/slider.html

私はion.rangesliderAngularアプリケーションで使用していますが、うまく表示されます。しかし、どうすればの値を取得できsilder、スライダーの最小値と最大値を動的に更新する必要があります。

このion-rangesliderが表示されない、ion RangeSlider:custom grid in case of custom values のような SO のいくつかの質問を見てきました。他のいくつかの解決策がありますが、それらは私を助けませんでした。

私のhtmlは次のとおりです

成分

スライダーの値を取得する他の方法や、角度のある方法で取得する可能性はありますか? あなたが十分に認識されることを私に提案してください、ありがとう。

iziModal jquery プラグインとイオン レンジ スライダーを使用しています。基本的に、レコードを含むテーブルがあり、各レコードには、内部にスライダーがある iziModal を表示する編集ボタンがあります。

「slidersInit.js」というjsファイルにイオン範囲スライダープラグインの初期化があります

}))

実際のページで、スクリプトを呼び出します

イオン rangeslider と izimodal の前の一番下にあることに注意してください。

したがって、そのページには iziModal 構成もあります

問題は何らかの理由で iziModal を開くと、すべてのスライダーが 0 に表示されます。これは、iziModal が開く前にスライダーが初期化されていないことを意味し、Modal open 関数内で初期化した場合にのみ機能します。

問題は、レコード編集ボタンをクリックしてモーダルを呼び出すたびにスライダーの初期化を呼び出すと機能しないため、iziModal の外でこれを実行したいことです。以前の値が保持され、更新されません。

それで、モーダルが初期化される前にスライダーが初期化されるのを待つことができる方法はありますか?