Изменение стиля на узлах Vue-Flow не работает на пользовательских узлах ⇐ CSS

[Anonymous]

В моем графике Vue-Flow я определил узел без обработчиков источника и целевых. < /p>

Код: Выделить всё

import type {NodeProps} from "@vue-flow/core";
defineProps();




{{ data.label }}


< /code>
Это работает хорошо, за исключением того, что я не могу изменить цвет фона при выборе. Приведенный ниже код работает для всех узлов, за исключением того, что это определено мной. Код для изменения цвета: < /p>
updateNode(nodeId, {style: {backgroundColor: "#BFBF00"}});
< /code>
или эквивалентно: < /p>
updateNode(nodeId, {class: "highlight"});

Добавление в стили: .highlight {founal-color: #bfbf00! Важный}
Если я удалю Vue-flow__node-default класс из пользовательского узла, выделение работает, но я теряю стиль дефолта. Но разве стили CSS не преодолевают определения класса?
Спасибо за вашу помощь!
Mario < /p>

Подробнее здесь: https://stackoverflow.com/questions/795 ... stom-nodes