Как мне использовать "noUiSlider" в фреймворке "yew.rs "?

Question

Я работаю с языком "Rust" и Фреймворком "yew.rs" недостаточно долго, поэтому я заранее приношу извинения, если вопрос покажется вам глупым или очевидным. Проблема в том, что мне нужно подключить такой слайдер "https://refreshless.com/nouislider /" к Фреймворку "yew.rs "

В обычном файле "html" я сделал это:

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="UTF-8"/>
        <title>slider</title>
        <!--This is a downloaded file from https://refreshless.com/nouislider/-->
        <link rel="stylesheet" href="./nouislider.min.css">
       
    </head>
    <body>
        <div class="filters_slider" id="screen_size"></div>
         
        
        <!--This is a downloaded file from https://refreshless.com/nouislider/-->
        <script src="nouislider.min.js"></script>
        <script src="range_slider.js"></script>
       
    </body>
</html>

range_slider.js

const screenSize = document.getElementById('screen_size');

if (screenSize){

noUiSlider.create(screenSize, {
   start: [0, 18],
   connect: true,
   step: 0.18,
   range: {
       'min': [0],
       'max': [18]
   }
});
}

И это работает. Но как мне подключить этот слайдер к Фреймворку "yew.rs "?

Мне не нужно подключать этот конкретный слайдер. Если вы знаете более подходящие ползунки для yew.rs Я буду благодарен

БЛОГ НА HUSL

Как мне использовать "noUiSlider" в фреймворке "yew.rs "?

Ответы (0 шт):