从外部重新加载Vue组件

Posted 2021-04-10

我有一个laravel vue项目，该项目显示组件中的项目列表。安装该组件后，将进行ajax调用以填充数据元素。但是，页面上还有其他项（不在vue中）可以将元素添加到数据库中，我想确保列表在组件中是反应性的。

mounted() {
    this.getTasks();
},
methods: {
    getTasks() {
        let self = this;
        axios.get('/tasks').then(response => {
            self.tasks = response.data;
        })
        .catch(function (error) {
            console.log(error);
        });
    },
}

[当用户执行将任务添加到列表的操作时，是否有办法从组件外部激发组件上的getTasks方法？

答案

mounted() { windows.getTasks = this.getTasks.bind(this); this.getTasks(); },

然后您可以在呼叫getTasks()或windows.getTasks()的外部使用它>

另一答案

None