Question

我有一个动画js文件，正在尝试在特定的vue组件上使用。我尝试使用import，required和mount（），但到目前为止，这些都没有起作用

 <template>
 <div class="home">
<audio controls="controls" src="../assets/raindrops-in-the-ocean.mp3"></audio>
<canvas id="canvas"></canvas>
 </div>
</template>
   <script>
    require('../assets/raindrops.js');

     export default {
     name: 'raindrops-in-the-ocean',
     components: {
     },
created() {
let recaptchaScript = document.createElement('script')
recaptchaScript.setAttribute('src', '../assets/raindrops.js')
document.head.appendChild(recaptchaScript)
},
}
</script>

Answer 1

通过使用以下导入语句，您可以在本地使用javascript文件：

<script>
    import '../assets/raindrops.js';
    
    export default {
        name: 'raindrops-in-the-ocean',
        components: {},
        created() {
            let recaptchaScript = document.createElement('script')
            recaptchaScript.setAttribute('src', '../assets/raindrops.js')
            document.head.appendChild(recaptchaScript)
        },
    } 
</script>

注意：建议使用相对路径而不是绝对路径导入任何文件

如何在vue组件中使用本地js文件？

1 个答案: