javascript - vue中如何使用外部js文件

Question

我想知道如何在 Laravel 5.4 中的 vue 文件中使用 jQuery 库

我想在我的 vue 文件中使用这个库: input mask

在我的 vue 文件中，我正在创建一个表，每一行都有一个带有“date”类的日期字段的表单。

使用 jQuery，我将使用以下内容屏蔽这些字段: $('.date').mask('00/00/0000');

如何将库导入到 vue 并屏蔽所有这些日期字段？

js文件位于:public/js/jquery.mask.min.js

我尝试过:

var mask_script = require('/js/jquery.mask.min.js');

和:

var mask_script = require('js/jquery.mask.min.js');

然后:

export default {

        mounted: function () {
            this.loadData();
            $('.date').mask('00/00/0000');

但是我在 npm run dev 上收到此错误:

无法解析 js/jquery.mask.min.js

有人可以帮忙吗？

Answer 1

您必须从实际路径加载文件。

尝试

// make sure the path is the actual path of jquery.mask.min.js
var mask_script = require('../../../public/js/jquery.mask.min.js');

然后，我会将 jquery.mask.min.js 移动到您的 resources/assets/js/ 文件夹中的某个位置，因为您要将其编译到您的 app 中。 js 文件。