Partage
  • Partager sur Facebook
  • Partager sur Twitter

VUEJS lien single page et multi page

    14 octobre 2021 à 11:48:30

    Bonjour,

    J'ai un site single page mais pour le besoin j'ai aussi besoin parfois d'avoir des pages dédiés.

    J'ai donc fait comme ceci mais je ne sais pas si c'est bien en terme de référencement, fiabilité...

    <a class="nav-link" :href="option.href" @click="jumpTo(option.href)">
        {{ option.title }}
    </a>



    jumpTo (href) {
          if ('/' === window.location.pathname) {
              $('html, body').stop().animate({
                scrollTop: $(href).offset().top
              }, 1500)
          } else if (href.includes('#')) {
              document.location.href = "/" + href
          }
        }


    Merci.

    • Partager sur Facebook
    • Partager sur Twitter
      14 octobre 2021 à 12:26:37

      Bonjour,

      Normalement il n'y a pas besoin de changer de page (c'est le principe d'un site one page).

      https://router.vuejs.org/ 

      • Partager sur Facebook
      • Partager sur Twitter
        14 octobre 2021 à 15:21:51

        Oui c'est ce que je dis, mais le problème c'est que sur un site one page faut pas non plus qu'il fasse 300 km de hauteur, donc pour par exemple la fiche produit je redirige sur une page dédié et donc avec uniquement les infos voulu
        • Partager sur Facebook
        • Partager sur Twitter
          15 octobre 2021 à 19:20:15

          Ah, tu n'as pas compris comment ça marche. Le principe n'est pas de faire scroll une page mais de faire plusieurs pages dans une seule. Tu te retrouves avec un index.html et un bundle js de qq mo, et le js construit les différentes pages. Jette un coup d'oeuil à vue router, c'est ce qu'il te faut.
          • Partager sur Facebook
          • Partager sur Twitter

          VUEJS lien single page et multi page

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown