Breaking News: Grepper is joining You.com. Read the official announcement!

defined a "key" with html on vuejs

Crowded Chipmunk answered on July 1, 2022 Popularity 5/10 Helpfulness 1/10

answer defined a "key" with html on vuejs

defined a "key" with html on vuejs

Comment

Vue.component('task-list', {
template:  `
<div><slot>
    <task v-for="task in tasks" :key="task.key">  {{task.description}}</task>
</slot></div>
`,
data () {
    return {
        tasks: [
                {description:"Go to market", completed:false, key:"asd"},
                {description:"Wake up ", completed:true, key:"rty"},
                {description:"Sleep", completed:false, key:"terw"},
                {description:"Have breakfast", completed:true, key:"jdr"},
        ]
    };
},
});
Vue.component('task', {
   template: `<li><slot></slot></li>`
});

Popularity 5/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: defined html whatever

Link to this answer
Share Copy Link