javascript - VUE数据不能set数据
天蓬老师
天蓬老师 2017-04-11 11:32:53
[JavaScript讨论组]

test.json和html在同一路径下,为甚不能设置初始数据?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>click</title>
</head>
<body>
    <p id="app">
    {{gridData}}{{apiUrl}}
    </p>
    
</body>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src='js/vue-resource.js'></script>
<script>
    var demo = new Vue({
    el: '#app',
    data: {
        gridData: "",
        apiUrl: 'test.json'
    },
    created: function() {
        this.getCustomers()
    },
    methods: {
        getCustomers: function() {
            this.$http.get(this.apiUrl)
                .then((response) => {
                    console.log(response.success)
                    this.$set('gridData', response.success)
                })
                .catch(function(response) {
                    console.log(response)
                })
        }
    }
})
</script>
</html>

test.json

{
    "success": true
}
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(1)
天蓬老师

看了下,把create去掉,运行初始数据是没有问题的。你看看程序有没有报错什么的,感觉是你created里面的函数有问题。改下路径试试

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号