How to bind v-scroll-to to a generated id?

You may not understand what I mean, let me show you the code: I have an array Anc[‘1’, ‘2’, ‘3’, ‘4’] and 4 div whose id is 1-4 now this is what I do

<a
     v-for='(item, index) in titleInfo'
     href='#'
     :v-scroll-to="'#' + Anc[index]"
     @click='showArticle(index)'
     >
     {{ titleInfo[index] }}
   </a>

but unfortunately it doesn’t work but no error shows in console.

[jondujaka]

For me it works if i pass the element through the options object v-scroll-to="{ el: '#' + Anc[index] }"

[rohan220217]

Just make sure you don’t use v-bind or : here

  <v-list-item-content  v-scroll-to="item.ids">
       <v-list-item-title v-text="item.title"></v-list-item-title>
 </v-list-item-content>

 menuItems: [
      { title: "Home", ids: "#home" },
      { title: "About Us", ids: "#about" },
      { title: "Features", ids: "#features" },
      { title: "Pricing", ids: "#pricing" },
      { title: "Contact", ids: "#contact" },
    ],