v-for 对象的正确格式

Question

我想在melange() 中显示每个随机播放的答案，但reponse 会返回任何内容。我不知道我的 v-for 出了什么问题。可能是我的对象的格式。

             <label v-bind:key="key" class="bg-white block mt-4 border border-gray-300 rounded-lg py-2 px-6 text-lg"
                v-for="reponse,key in reponseQuestion(questions[currentQuestion].idQuestion)" 
                <div class="fas fa-check" v-bind:id="key" 
                v-bind:value="reponse" 
                v-on:click="repondu(key)"
                v-bind:disabled="questionSelectionne != ''">
                    {{ reponse }}
                </div>
            </label>


        reponseQuestion(idQuest) {
            this.$axios
                .get("http://localhost:4000/api/answers/" + idQuest)
                .then((response) => {
                    console.log(this.melange(response.data[0]))
                    return this.melange(response.data[0])
                })
                .catch((error) => {
                    console.log(error);
                })
        },
        melange(obj) {
            // new obj to return
            let newObj = {};
            // create keys array
            var keys = Object.keys(obj);
            // randomize keys array
            keys.sort(function () {
                return Math.random() - 0.5;
            });
            // save in new array
            keys.forEach(function (k) {
                newObj[k] = obj[k];
            });
            return newObj
        }

reponseQuestion() 的结果：

{reponse4: "8 s 36", reponse3: "8 s 42", reponse2: "9 s 72", reponse1: "9 s 58"}

提前谢谢你

Answer 1

您需要在 (response,key) in responseQuestion 周围加上大括号来覆盖运算符优先级。