По сути, я пытаюсь написать компонент всплывающей подсказки, и мне хотелось бы, чтобы диалог всплывающей подсказки был абсолютно позиционирован относительно источника всплывающей подсказки. Для этого мне нужно будет обернуть диалог источником и установить для источника положение: относительное. Проблема в том, что мне хотелось бы, чтобы и исходный текст, и текст всплывающей подсказки были слотами/некоей формой HTML, чтобы я мог передавать произвольные значки/форматированный текст.
Я уже что-то пробовал нравится:
но насколько я понимаю, Vue не позволит этого, так как я не смог найти никаких примеров этого в документации и не сработало, когда я попробовал это. Я также изучил динамические компоненты/компоненты более высокого порядка, но, судя по тому, как это выглядит во Vue, вам необходимо заранее определить набор возможных компонентов/импортировать все эти компоненты, а слоты предназначены для замены этого шаблона.< /p>
Изменить:
Пример использования этого компонента может выглядеть следующим образом:
Где и могут быть произвольными компонентами/html. Альтернативно, если существует какое-то решение с компонентами более высокого порядка, его использование может выглядеть так:
Где «Значок» может быть строковым идентификатором какого-либо зарегистрированного компонента или, возможно, ссылкой. Я не уверен, что я бы предпочел и является ли одно из них более осуществимым, чем другое.
Подробнее здесь:
https://stackoverflow.com/questions/785 ... lot-in-vue
Мобильная версия