如何使用外部的js文件中VUE

Question

我想知道如何使用jQuery庫一個VUE文件裏面Laravel 5.4

我想在我的VUE文件中使用這個庫： input mask

在我的vue文件中，我創建了一個表格，每行都有一個帶有「date」類的日期字段的表單。

使用jQuery，我將使用以下命令掩蓋這些字段： $（'。date'）。mask（'00/00/0000'）;

如何將庫導入vue並遮罩所有這些日期字段？

JS文件是：公共/ 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運行de五：

無法解析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文件。