使用vuejs列出数组中的其他数据

Question

尝试根据给定的数据进行计数但不确定如何跳转到另一个节点。

计数类型A = 1,2

类型A = 3,4的计数

计算类型A = 5,6

<select v-model="modelCount">
   <option v-repeat="count : x[0].models[0].features[0].count" value="{{ count.int }}">
   {{ count.int }}
   </option>
</select>

实施例： http://jsfiddle.net/pL0yvem9/6/

Answer 1

像这样：http://jsfiddle.net/pL0yvem9/7/

<select v-model="modelCount">
    <option v-repeat="count : model.features[0].count" value="{{ count.int }}">
        {{ count.int }}
    </option>
</select>

您可能没有意识到，外部v-repeat的model可用于内部v-repeat，并且每次都在外部v-repeat周围更改。因此，您可以进入第二个v-repeat的参考。

它与嵌套for循环的原理相同，其中内部循环遍及外层提供的上下文。