Question

我在使用v-for遍历以下json文件并访问“ AVG（ratings.rating_int）”属性时遇到问题。

-json开始-

ratings {

    "R1":[
            {"AVG(ratings.rating_int)":"5.3333"}
         ],

    "R2":[
            {"AVG(ratings.rating_int)":"5.3333"}
         ],

    "F1":[
            {"AVG(ratings.rating_int)":null}
         ],

    "R3":[
            {"AVG(ratings.rating_int)":"5.3333"}
         ],

    "F2":[
            {"AVG(ratings.rating_int)":null}
         ]
        }

-json结尾-

我正在使用的vue-js代码如下：

                        <div v-for="(criteria, index) in ratings">
                            {{criteria}} - {{index}}
                            <div v-for="(rating, index) in criteria">
                                <p>{{rating}}</p>
                                <p>{{index}} - {{rating}}</p>
                            </div>
                        </div>

我当前的输出是：

-输出开始-

[{“ AVG（ratings.rating_int）”：“ 5.3333”}]-R1

{“ AVG（ratings.rating_int）”：“ 5.3333”}

0-{“ AVG（ratings.rating_int）”：“ 5.3333”}

[{“ AVG（ratings.rating_int）”：“ 5.3333”}]-R2

{“ AVG（ratings.rating_int）”：“ 5.3333”}

0-{“ AVG（ratings.rating_int）”：“ 5.3333”}

[{“ AVG（ratings.rating_int）”：null}]-F1

{“ AVG（ratings.rating_int）”：空}

0-{“ AVG（ratings.rating_int）”：null}

[{“ AVG（ratings.rating_int）”：“ 5.3333”}]-R3

{“ AVG（ratings.rating_int）”：“ 5.3333”}

0-{“ AVG（ratings.rating_int）”：“ 5.3333”}

[{“ AVG（ratings.rating_int）”：null}]-F2

{“ AVG（ratings.rating_int）”：空}

0-{“ AVG（ratings.rating_int）”：null}

-输出端-

现在在第二个for循环中，我想使用以下命令访问“ AVG（ratings.rating_int）”属性： {{rating.AVG（ratings.rating_int）}}，但是当我尝试尝试时，它停止显示任何内容。好吧，理想情况下，我想在一个循环中完成所有操作，但是我不确定是否可行。

Answer 1

尝试使用括号表示法进行操作。 {{rating["AVG(ratings.rating_int)"]}}

用v-for遍历嵌套对象？

1 个答案: