如何在外部脚本中使用nuxt模块?

时间:2019-09-28 07:26:28

标签: javascript vue.js single-page-application nuxt

我正在使用nuxt创建一个网站。 我创建了一个名为services的目录,并且其中包含一些脚本。我想在脚本中使用@nuxt/device模块。模块的使用方式为this.$device.isDesktop。但是在外部脚本中,我无法访问nuxt之类的this实例。

我的项目的结构如下:

enter image description here

我想在search_report.js文件中使用此软件包。 search_report.js的内容如下:

import Api from '~/services/api';

export default class SearchReport{

    static instance = undefined;

    search_query_id = undefined;

    static get_instance(){
        if(SearchReport.instance === undefined){
            SearchReport.instance = new SearchReport();
        }
        return SearchReport.instance;
    }

    log_search_query(query, success_callback, error_callback){
        let self = this;
        Api.send_ajax_get('http://example.com/add_search_query/' + query + '/', data, function(result) {
                self.search_query_id = result.data.search_query_id;
                if(success_callback){
                    success_callback();
                }
            },error_callback);
    }
}

我想以log_search_query方法使用此程序包将设备类型发送到服务器。

如何在外部脚本中使用nuxt-module

0 个答案:

没有答案