Range input со шкалой

Как только ставлю минимальное значение в 1, ломается шкала.

                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-input-wrap">
                                    <div class="range-slider range-slider-init" data-label="true" data-scale="true" data-scale-steps="5" data-scale-sub-steps="4">
                                        <input type="range" value="{{value}}" min="0" max="100" name="{{name}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>

Снимок экрана от 2020-06-18 12-19-45

Снимок экрана от 2020-06-18 12-20-04

formatValue можно использовать

а можно его задать через data-атрибут в рамках компонента?

как функцию задать через data-?

Да. Наподобие как я задаю scale, scaleSteps и пр.

Пробовал data-format-value="<имя метода в methods>" не прокатывает.

Нет, через data- атрибуты никак функцию не передать. Используйте метод инициализации через API, app.range.create(...)

Жаль. Переделаю. Спасибо.