[Vuejs]-How can I pass an object key/value pair to a template in Vue?

by

0👍

I don’t even know what I did — but basically messing around with it in normal HTML and then converting it into pug through a website generator;

<template lang="pug">
link(rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css' integrity='sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65' crossorigin='anonymous')
.nav-container
  .nav-controller
    ul.navbar.nav
      li.btn(v-for='(value, key) in myObject')
        a.nav-link.nav-item(type='button' :href='value') {{ key }}
</template>

it works…

Leave a comment