Madeas
@Madeas
UX/UI designer | Frontend developer

Как подключить Anchor.js в Vue компонент?

Привет всем!

Нужна помощь или совет.
Делаю сайт на vue.js и в данный момент имеется 2 страницы.
На первой странице контент частично статический, т.е. заголовки прописаны вручную.
На второй странице есть часть контента, которая имеет заголовки, но они добавляются динамически через компонент:

spoiler

Фрагмент шаблона:
<template v-for="(item, index) in certs" :key="index">
            <h2>{{ item.title }}</h2>
            <div class="grid-certs" :class="'column-' + item.grid">
           ...

Data:
{
                    title: 'Heading One',
                    grid: '4',
                    figures: [
                        {link: '', img: ''},
                        {link: '', img: ''},
                        {link: '', img: ''},
                        {link: '', img: ''},
                    ]
                },
                {
                    title: 'Heading Two',
                    grid: '2',
                    figures: [
                        {link: '', img: ''},
                        {link: '', img: ''},
                    ]
                },



Для первой страницы я использую просто код:
script.
        anchors.options = {
            placement: 'left',
        };
        anchors.add('h2');

А для второй он не работает. Полагаю, это из-за того, что заголовки добавляются динамически на второй странице.
Подскажите, как правильно вставить опции якорей в компонент?
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы