1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Need help with anchor links

Discussion in 'Programming' started by macstux, Oct 23, 2020.

  1. #1
    How would I create anchor links with Vue.js
    Nav Bar and other links
     <li class="nav-item active mr-lg-4" v-if="!loggedIn">
    
                        <router-link class="nav-link" :to="{ name: 'home' }">Pricing</router-link>
    
                    </li>
    
                    <li class="nav-item active mr-lg-4" v-if="!loggedIn">
    
                        <router-link class="nav-link" :to="{ name: 'home' }">Features</router-link>
    Code (markup):
    as well as footer I have it as

    
    <a href="https://domain.com/#pricing">Pricing</a>
    
    <a href="https://domain.com/#Features">Features</a>
    Code (markup):
    They will be on the Home page
    SEMrush
    Would also need to know what to put the anchor where its should go.
    
    <section class="features-section py-5">
    
          <div class="container py-lg-5">
    
            <h3 class="mb-3 text-center font-weight-bold section-heading">Feature Highlights</h3>
    
            <div class="row pt-5 mb-5">
    Code (markup):


    Thank you!
     
    macstux, Oct 23, 2020 IP
    SEMrush
  2. sarahk

    sarahk iTamer Staff

    Messages:
    26,921
    Likes Received:
    4,103
    Best Answers:
    117
    Trophy Points:
    665
    #2
    Isn't it overkill to use that much javascript for a menu?
     
    sarahk, Oct 23, 2020 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,480
    Likes Received:
    1,920
    Best Answers:
    247
    Trophy Points:
    515
    #3
    Much less the junk presentational classes, made up non-semantic tags (Yes I realize it's valid HTML 5, they're still utter shite), absolute URI's for nothing...

    It's almost like the worst of JavaScript meets the worst of the ignorant incompetent train wreck laundry lists of how not to build websites that are "frameworks".

    But there's a reason in working as an accessibility and usabilty consultant, ripping out the half-tweet trash that is "Vue" is "just part of the job".

    When you see classes like "text-center" or "font-weight-bold", RUN... just... run for your life if you can little girl, hide your head in the sand little girl, catch you with another man, that's the enda... a little girl.
     
    Last edited: Oct 24, 2020
    deathshadow, Oct 24, 2020 IP
  4. Spoiltdiva

    Spoiltdiva Illustrious Member

    Messages:
    7,370
    Likes Received:
    2,670
    Best Answers:
    52
    Trophy Points:
    470
    #4
    I would suggest you check out Maegan Wilson, I have learnt a lot from her. She has an article entitled "How to create a navigation bar in Vue.js". It's only a 5 minute read and she will take you through it, good luck.
     
    Spoiltdiva, Oct 24, 2020 IP