Question

我正在尝试打印data()变量。我没有在HTML模板中输出。

<template>
    <h3>{{app_skills}}</h3>   <!-- I am not getting value here -->
</template>

<script>
    export default {
        name: "leftbar",
        data() {
            return {
                app_skills: '',
            }
        },
        methods : {
            fetchskills (url) {
                url = '/skills';

                axios.get(url)
                    .then(response => {
                        this.app_skills = response.data.skills;
                        console.log(this.app_skills) // I am getting value here
                    })
                    .catch(error => {
                        console.log(error);
                    });
            }
        },
        mounted() {
            this.fetchskills();
        }
    }
</script>

Answer 1

当我尝试使用时，您的代码完全符合预期（通过一些与环境相关的更改）：

<template>
    <h3>{{app_skills}}</h3>   <!-- I am not getting value here -->
</template>

<script>
    import axios from 'axios';
    export default {
        name: "leftbar",
        data() {
            return {
                app_skills: '',
            }
        },
        methods : {
            fetchskills (url) {
                url = 'https://dns.google.com/resolve?name=example.com';

                axios.get(url)
                    .then(response => {
                        this.app_skills = response.data;
                        console.log(this.app_skills) // I am getting value here
                    })
                    .catch(error => {
                        console.log(error);
                    });
            }
        },
        mounted() {
            this.fetchskills();
        }
    }
</script>

我所做的更改包括axios库，更改要拉出的URL，以及更改response.data键以进行拉取。这一切都按预期工作。也许你周围代码中的其他地方有问题？

打印数据变量

1 个答案: