自定義 Svelte 材質 UI 滑塊標簽

Question

我需要在刻度線和離散滑塊中設置 smui/slider https://sveltematerialui.com/demo/slider/的自定義標簽。 我發現在材料網絡組件中解釋得很熱https://github.com/material-components/material-components-web/tree/v13.0.0/packages/mdc-slider似乎可以使用setValueToAriaValueTextFn但沒有任何例子，更不用說使用 svelte。

我該怎么做？

提前致謝

Answer 1

不幸的是，無法使用https://sveltematerialui.com/demo/slider/更改工具提示文本。

工具提示文本綁定到value 。 見這里： https ://github.com/hperrin/svelte-material-ui/blob/master/packages/slider/src/Slider.svelte#L181

<span class="mdc-slider__value-indicator-text">{value}</span>

該value由組件導出，您可以對其進行修改，但這當然只允許數字，並且還會更改滑塊的當前值/位置 -> 這會破壞它的功能。