如何在vue组件外部的外部js modul文件中调用vue组件方法

时间:2018-05-08 20:55:37

标签: javascript function vue.js vuejs2 vue-component

我不知道如何在外部js modul中调用Vue设置组件方法getStageLine。

我的vue组件代码示例是:

const settings = {
        template: '#templateName',
        created:function(){
            this.getStageLine();

        },
        data:function(){
            return{
                test1:[],
                test:[],

            }
        },
        mounted(){

        },
        methods:{
            getStageLine:function(){
                axios.get(databaseConf.url + '/' + blaa)
                    .then(response => {

                        this.test1 = response.data

                    })
                    .catch(e => {
                        this.errors.push(e)
                    })
                axios.get(databaseConf.url + '/' + lol)
                    .then(response => {

                        this.test = response.data


                    })
                    .catch(e => {
                        this.errors.push(e)
                    })
            }

我的外部js模块的代码示例:

var dash = (function(){
function addSomething(data){
        console.log(data);
        $.ajax({
            url:'',
            type: 'POST',
            data: data ,
            success: function (response) {
                console.log(response.status);
                location.reload();
            },
            error: function () {
                alert("error");
            }
        });
    }
});

我想在dash.addSomething(data)函数内的Vue组件外调用getStageLine方法。

我已经尝试了$ refs调用然后Vue.component.componentName.methods.methodName但是没有用,所以任何建议如何在Vue之外调用该函数,我尝试了堆栈中的其他示例,但它们对我不起作用。

0 个答案:

没有答案