Полимерная бумага-слайдер ведет себя странно при установке «мин» при привязке данных - PullRequest
Новая
       51

Полимерная бумага-слайдер ведет себя странно при установке «мин» при привязке данных

0 голосов
/ 01 июня 2018

Я использую Polymer s paper-slider в своем пользовательском элементе.Я передаю свойство min в свой пользовательский элемент и присваиваю ему значение min ползунка.Однако ползунок ведет себя странно, когда он не скользит, пока курсор не переместится в крайнее положение и значение не изменится в очень высоком диапазоне.

Вот код: 

<link rel="import" href="/bower_components/paper-slider/paper-slider.html">

<dom-module id="slider-two">
    <template>
        <br>
        <br>
        <paper-slider pin min=[[min]]></paper-slider>

    </template>
    <script>
        Polymer({
            is: 'slider-two',
            properties: {
                min: {
                    type: String
                }
            }
        });
    </script>

</dom-module>

Использование: 

<slider-two min='5'></slider-two>

Какая ошибка в коде, которая вызывает это странное поведение.Замена min=[[min]] в коде на max=[[min]] дает ожидаемый правильный результат, а странное поведение вызывается только min.Я попытался изменить имя на другое, отличное от min.

Я установил его с помощью bower i --save paper-slider и использую Polymer 1.0.0 (чтобы оно было совместимо с определенным leaflet-map).

1 Ответ

0 голосов
/ 01 июня 2018

Возможно, проблема в том, что вы объявляете свойство min как String, но в соответствии с документацией оно должно быть числом: документ-слайдер .

min: число = 0 notify
Наследуется от Polymer.IronRangeBehavior

Число, указывающее минимальное значение диапазона.

Попробуйте объявить min как Number: 

Polymer({
    is: 'slider-two',
    properties: {
        min: {
            type: Number
        }
    }
});
...