在vue專案中通過iframe引入jquery專案

2022-07-04 12:54:07 字數 389 閱讀 7829

最近公司因為原來的jq框架存在的問題太多,所以要進行主題框架的重新搭建,我使用的vue進行的主題框架的重新搭建,但是原來的頁面已經完成很多了,而且都是使用的jquery進行開發的

在vue中引入jquery專案的關鍵就是在元件中通過iframe進行引入,在開發的時候把原來的jquery放在public資料夾下,在通過iframe引入的時候的位址使用絕對路徑的方法,而路徑的根目錄就是public,其餘的配置按照正常的vue專案開發,進行路由的配置

static是放在public資料夾下的

在對iframe進行寬高的設定,如果專案的主體部分設定了寬高的話就直接設定100%就可以了,如果是靠內容撐開高度的話就要進行視窗高度的獲取並通過計算後設定給iframe,並且設定在視窗改變大小的時候進行iframe的寬高的自適應。

在vue專案中, mock資料

1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...

在 Vue 專案中使用 ECharts

重要檔案版本 在 vue 專案中使用 echarts 只需要在 vue 元件的mounted生命週期中 初始化 echarts,然後在每次配置項有變更時呼叫setoption 方法更新配置即可 專案模板原始碼 class default chart style div template import...

在vue專案中使用echarts

安裝echarts依賴 npm install echarts s 建立圖表 全域性引入 main.js 引入echarts import echarts from echarts vue.prototype.echarts echarts 這裡也可以在router下index.js引入,看規定 h...