Question

我有一个vuejs组件（map.vue），如下所示：

<script> 
import '../../assets/js/map.js' 

export default {
    name: 'home',
    data () {
        return {
            init_data: {},
        }
    },
    created: function() {
         this.init_data = window.get_init_data(this.view, function(response) {
               document.title = response.body.page_title;
               init_map(some_arguments);
         });
    }
}
</script>

map.js：

const key = ******;
function init_map(some_args) {
    ...
}

错误：

[Vue警告]：创建的钩子出错：“ReferenceError：init_map不是定义的“

事实上，检查源代码是在签名之前调用它的函数。

注意：我不想在webpack条目中包含map.js，因为我只需要在一个组件（map.vue）中使用此脚本。

Answer 1

试试这个

test.js

export function writeHello() {
    console.log('hello');
}

*****。VUE

import {writeHello} from './../test.js';

export default {
    created() {
        writeHello();
    }
}

Answer 2

Map.js缺少导出：

$scope.fs={$scope.search_type.value:$scope.search_txt};

导入脚本命令错误，函数未定义

2 个答案: