Я использую vue-knob-control . Поскольку я извлекаю данные из моего бэк-энда api
, количество ручек будет различным.
vue-knob-control
допускает только значение v-model
. Я наткнулся на этот вопрос (с ответом) о том, как назначить v-модель из цикла v-for
.
vue-knob-control
не имеет атрибута id
.
Обычно я бы попробовал что-то вроде этого:
<knob-control
id="knob-1"
:min="1"
:max="100"
:size="100"
primary-color="#E844C3"
secondary-color="#E7B6DC"
text-color="#E844C3"
:value="someValue"
></knob-control>
data() {
return {
someValue: 10
}
},
methods: {
getValue() {
let knob = document.getElementById('knob-1');
alert(knob.value);
}
}
Но поскольку id
не является атрибутом, и для значения допускается только v-model
(вместо атрибута value
). Это решение не работает.
Теперь у меня вопрос: как мне получить доступ к значению определенной ручки, если это вообще возможно?