Question

我使用v-for使用select输入来呈现标题值，但不返回任何值

我的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 => {
    this.qcm = res.data
}).catch(err => {
    //handle when an error occur
})

Answer 2

您的JSON结构不正确，您应该在“ _id”后缺少“”，

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

v-for不呈现任何值

2 个答案: