使用 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>

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

这与嵌套 for 循环的原理相同，其中内部循环在外部循环提供的上下文中循环。

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

List other data in array using vuejs

javascript

vue.js