Por alguna razón, tengo que poner el objeto como json en una propiedad de etiqueta. Cualquier Ides cómo hacer esto? Todos los ejemplos no funcionan para mí.
<html> <!---example 1----> <option v-for="(book,bookNr) in books" data-data="{{{book}}}" > {{bookNr}} </option> <!---example 2----> <option v-for="(book,bookNr) in books" :data-data="'{'+book+'}'" > {{bookNr}} </option> <!---example 3----> <option v-for="(book,bookNr) in books" :data-data='{"+JSON.stringify(book)+"}"' > {{bookNr}} </option> </html>necesito algo como:
<option data-data='{"type":"repo","username":"selectize"}'>Prueba como el siguiente fragmento:
const app = Vue.createApp({ data() { return { books: [{type:"repo", username:"selectize2"}, {type:"repo", username:"selectize"}, {type:"repo", username:"selectize3"}] } } }) app.mount('#demo') <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> <div id="demo"> <div v-for="(book,bookNr) in books" :data-data='JSON.stringify(book)' > {{bookNr}} </div> </div>