CODEWITHSUNDEEP
vue.jsvuejs2
Shivam Singh
Shivam Singh

Reputation: 1731

render variable in template vuejs

<li v-for="set in indirect_arr">
 {{set.wp}} -
 {{set.bus1}} -   
 {{set.bus2}}
</li>

indirect_arr -> array of Objects(say, set).

Object Structure ->

set : {
  wp: '',
  bus1: [],
  bus2:[]
}

bus1 & bus2 are reflected on dom as Array.

I want them as single elements .

I tried -> <li v-for="bus in set.bus1">{{bus}}</li> . Got Error -> set not defined !

Upvotes: 0

Views: 1844

Answers (1)

Crackers
Crackers

Reputation: 1125

You mean something like this?

<li v-for="set in indirect_arr">
  {{set.wp}} -
  <p v-for='bus in set.bus1'> {{bus}} </p> -
  <template v-for='bus in set.bus2'> {{bus}} </template>
</li>

<template> is an element, which will be removed on render.

Upvotes: 1

Related Questions