Я не уверен, как выглядит ваш Vue объект, но это работает для меня ..
Редактирование # 2: похоже, что это 'обычное'. Кроме того, вам необходимо убедиться, что у вас загружены все правильные css файлы и т. Д. Было бы чрезвычайно полезно, если бы вы могли предоставить некоторый код, который воспроизводит эту проблему, или подробнее рассказать о вашей конфигурации. Вы делаете что-то особенное с css и т. Д.?
Редактировать # 2.1: вы можете попробовать любой из следующих примеров, основываясь на их документации и свойстве layout-on .. (это удар в темноте - я я не уверен, что любой из этих примеров будет работать ..)
// Example 1:
<mdc-slider
v-model="value"
min=0
max=120
step=5
layout-on // ADDED: you could try using an empty prop
unit="mins" // not sure what this is doing?
/>
// Example 2:
<mdc-slider
v-model="value"
min=0
max=120
step=5
layout-on="change" // ADDED: or pass in the 'change' event
unit="mins" // not sure what this is doing?
/>
Из документации :
(*) По умолчанию компонент-ползунок отслеживает изменение размера окна и события открытия / закрытия выдвижного ящика, чтобы сбросить его макет, но при отключении изменения размера css или изменении позиционирования макет может быть отключен. в этом случае вы можете использовать событие layout для включения макета или программный вызов метода layout ().
CodePen зеркало
Редактировать: Бьюсь об заклад, это потому, что вы проходите в String, а не Number в max, min и step, свойства .. Вы можете прочитать больше в их документации здесь . Или у вас может не быть загружено css?
Попробуйте что-то вроде этого:
<mdc-slider
v-model="value"
min=0 // or :min="0"
max=120 // or :max="120"
step=5 // or :step="5"
unit="mins"
/>
