模板中的渲染变量vuejs

Question

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

indirect_arr - ＆gt;对象数组（例如，设置）。

对象结构 - ＆gt;

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

bus1＆amp; bus2在dom上反映为Array。

我希望它们是单一元素。

我试过了 - ＆gt; <li v-for="bus in set.bus1">{{bus}}</li>。得到错误 - ＆gt;设置未定义！

Answer 1

你的意思是这样的吗？

<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>是一个元素，将在渲染时删除。