Question

我使用Axios执行[GET]方法。一切正常，当我想输出时，我得到了这种东西：

这是我的JS，带有HTML和VUE代码，说明如何尝试输出它：

HTML，VUE：

 <div class="col-lg-6">
                                <p>Casuals</p>
                                <ul>
                                    <div v-bind:key="realsub.id+1"  v-for="realsub in subnavreal">
                                      <div v-if="nav.linkTitle == 'Male'">
                                            <li><router-link :to="{ path: whiteSpace(realsub.male.casual) }">{{JSON.realsub.male.casual}}</router-link></li>
                                    </div>

                                        <div v-if="nav.linkTitle == 'Female'"></div>
                                            <li><router-link :to="{ path: whiteSpace(realsub.female.casual) }">{{realsub.female.casual}}</router-link></li>
                                        </div>

                                </ul>

                            </div>

这是相关的JS代码：

    import axios from 'axios';
import uuid from 'uuid';
export default {
    name: 'navigation',
    data(){
        return{
            subnavreal: []

        }
    },
    props: ["navigation"],
    methods:{
        whiteSpace(a){

            console.log(a);
        }
    },
    async created(){

        axios.get('/products.json')
        .then(res => this.subnavreal = res.data)
        .catch(err => console.log(err));


    }

}
</script>

我要显示的只是该对象的名称，例如：“头巾”

有解决方案吗？：）

Answer 1

我认为您正在打印整个响应。您可以使用Object.keys（）来打印键。

 let user = {
       name: "tom",
       age: 20
       }

如果要打印键[名称，年龄]，请使用Object.keys(user)

剖析JSON后得到错误输出的VUE.JS

1 个答案: