主页 / 问题 / 1090159
Accepted
Anton Bogomolov
Asked:2020-03-03 20:19:19 +0000 UTC2020-03-03 20:19:19 +0000 UTC

Vue组件中如何导入和使用JS文件

  • 772

如何导入 JS 文件并使用它的方法？

聊天工具包.js：

function test() {
    window.console.log("TEST CHAT SUCES:");
}
export {test}

组件.vue

<script>
    import {test} from 'chatkit.js'
    export default {
        data: () => ({
            loading: true,
            teamLoading: true,
            team: [],
            chat: {},
            messages: [],
            dialog: {
                status: false,
                message: ''
            }
        }),
        methods: {

            testium: function () {
                test();
            }
        },
        mounted() {

        }
    }
</script>

我收到一个错误：

找不到模块：错误：无法解析“chatkit.js”

js文件和组件在同一个目录下：

C:\Users\User\vue_project\src\views\my\pages\chat

vue.js

1 个回答

  1. Best Answer

    尝试这个

    export function test() {
    window.console.log("TEST CHAT SUCES:");
}

    并且在组件中

    <script>
    import {test} from './chatkit.js'

    // тут всё остальное
</script>
    • 1

相关问题