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 => {

    this.qcm = res.data

}).catch(err => {

    //handle when an error occur

})

Answer 2

您的 JSON 结构不正确，您在“_id”之后缺少一个“它应该是：

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