相关疑难解决方法(0)

导入javascript文件以在vue组件中使用

我正在开发一个需要使用js插件的项目.既然我们正在使用vue并且我们有一个组件来处理基于插件的逻辑,我需要在vue组件中导入js插件文件以初始化插件.

以前,这是在标记内处理如下:

<script src="//api.myplugincom/widget/mykey.js
"></script>
Run Code Online (Sandbox Code Playgroud)

这是我试过的,但我得到一个编译时错误:

MyComponent.vue

import Vue from 'vue';
import * from  '//api.myplugincom/widget/mykey.js';

export default {
    data: {
Run Code Online (Sandbox Code Playgroud)

我的问题是,导入这个javascript文件的正确方法是什么,以便我可以在我的vue组件中使用它?...

javascript import ecmascript-6 vue.js vuejs2

13
推荐指数
1
解决办法
3万
查看次数

如何将vanilla .js添加到自定义Vue组件

我正在尝试将一个简单的日期选择器添加到自定义vue组件.我没有使用webpack,所以我想避免现成的.vue组件,而我更了解如何添加简单的javascript到vue.

我正在关注这个官方的vue教程

我也看过这个代码,但我无法设法让日期选择器出现.

这是我的jsfiddle:

HTML:

<div class="app">
  <datepicker id='date-elem'></datepicker>
</div>
Run Code Online (Sandbox Code Playgroud)

app.js:

Vue.component('date-picker', {
  extends: Flatpickr,
  mounted () {
    this.Flatpickr(date-elem, {})}
})
Run Code Online (Sandbox Code Playgroud)

如何在不需要.vue文件,webpack等的情况下轻松地将vanilla js集成到Vue组件中?

javascript vue.js vue-component vuejs2 flatpickr

7
推荐指数
1
解决办法
4299
查看次数