试图创建一个小应用程序来显示一些新闻,但无法找出这个错误.我做错了什么?

我试图通过视觉上的"滑动"浏览新闻,一次显示一条新闻.应用程序运行并工作,但仍显示此错误:

[Vue warn]: Error in created hook: "TypeError: handler.call is not a function"

Template:

<template>
    <div>
        <div class="a_news" v-for="aNews in news">
        <span v-show="true">
            <h1 class="title" v-text="aNews.title"></h1>
            <div class="text" v-text="aNews.text"></div>
            <div class="aNews_image"><img v-bind:src="aNews.images[0]"/></div>
        </span>
        </div>
    </div>
</template>

脚本:

export default {
        data() {
            return {
                news: [],
            }
        },
        computed: {

        },
        created: {

        },
        mounted() {
            this.getData(false, 0);
        },
        methods: {
            getData(oldnum, num) {

                const CORS_PROXY = "https://cors-anywhere.herokuapp.com/";
                axios.get(CORS_PROXY + 'URL').then(resp => {
                    console.log(resp.data);
                    this.news.push(resp.data.slides[num]);
                });
                setTimeout(function () {
                    if(oldnum == false) {
                        oldnum = num;
                    }
                    if(oldnum >= 0) {
                        oldnum = num;
                        num = num +1
                    }
                    this.news = [];
                    if(num >= 8) {
                        this.getData(false,0)
                    }else{
                        this.getData(oldnum,num)
                    }

                }.bind(this), 25000)
            }
        }
    }

推荐答案

您以正确的方式编写了mounted(),但创建的函数定义是错误的.第一个括号不见了.

 created: {

    }

 //change it to

 created() {

    }

Vue.js相关问答推荐

如何将$validator实例注入到使用组合API语法的Vue2.7应用程序中

Vue.js 3 没有组件的实例?

当用户在嵌套路由中时激活链接

vuex 未知动作类型:addTodo

Vuejs - 更新数组中对象的数组

Vue,Composition API:如何从react 式转换中跳过深度嵌套的属性?

在 Vuex Store 模块中使用 Vue.js 插件

在 vue 组件中检索配置和环境变量

在 vuejs 中的图像中包含 router-link 标记

在组件的样式部分使用 Vue 变量

POST 文件连同表单数据 Vue + axios

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue?

如何在 NuxtJS 中设置全局 $axios 标头

脚本npm run dev和npm run watch是做什么用的?

Vue js在列表中添加动态字段,删除和排序不起作用

如何使用 Vuetify 验证复选框组

IOS在输入焦点上显示键盘

如何在 Vue.js 2 应用程序中模拟 onbeforeunload?

在 Vuejs 中全局导入 Axios 方法

Vuex 模块Mutations