在模板vuejs中渲染变量

Question

<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 !

Answer 1

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.