v-for 不呈现任何值

Question

我使用 v-for 通过选择输入呈现标题值，但不返回任何值

我的 qcm 阵列

 [{"_id":"1","title":"test qcm "},{"_id":"2","title":"kkkk"}]

选择输入

<select name="qcm_list" id="qcm_list"  required>

              <option value> QCM</option>

              <option

                v-for="item in qcm"

                :value="item._id"

                :key="item._id"

              >{{item.title}}</option>

 </select>

vue中的qcm数组

data() {

    return {

      qcm:[]

}}

axios.get('url')

.then(res=>{

this.qcm=res

})

Answer 1

在 axios 中，必须使用res.data来获取qcm数据，如下所示：axios.get(url).then(res => {&nbsp; &nbsp; this.qcm = res.data}).catch(err => {&nbsp; &nbsp; //handle when an error occur})

Answer 2

您的 JSON 结构不正确，您在“_id”之后缺少一个“它应该是：[{"_id":"1","title":"test&nbsp;qcm"},{"_id":"2","title":"kkkk"}]