为了账号安全,请及时绑定邮箱和手机立即绑定

vue 用axios获取的数据怎么不能渲染到页面?

vue 用axios获取的数据怎么不能渲染到页面?

毛Bing 2018-12-07 17:59:49
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <link rel="stylesheet" href="../style/compStyle/index.css"></head><body>    <div id="app">        <div class="header">            <h1>{{message}}</h1>        </div>        <ul>            <li v-for="item in todos" :key="item">{{item.name}}</li>        </ul>        <li @click="getAxios">            Axios        </li>    </div>    <script src="../node_modules/vue/dist/vue.min.js"></script>    <script src="../node_modules/axios/dist/axios.min.js"></script>    <script>        var app = new Vue({            el: '#app',            data: {                message: '四川政协网',                todos:[]            },            methods:{                getAxios(){                    if(axios){                        console.log('Axios')                        axios.get('./app.json')                        .then(this.getDate)                        .catch(function (error) {                            console.log(error)                        })                    }else{                        console.log('无')                    }                },                getDate(res){                    console.log(res)                    res = res.data                    if (res.ret && res.data) {                        const data = res.data                        this.todos = data.todos                    }                    //console.log(res)                }            },            mounted(){                this.getAxios()            }        })    </script></body></html>
查看完整描述

2 回答

?
聪明的汤姆

TA贡献112条经验 获得超33个赞

语法明显错了吧

axios.get().then(res => { this.getDate(res) })

查看完整回答
反对 回复 2018-12-07
  • 2 回答
  • 0 关注
  • 5450 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信