載入vue檔案步驟 vue載入自定義的js檔案方法

2021-10-12 14:48:03 字數 670 閱讀 1957

在做專案中需要自定義彈出框。就自己寫了乙個。

效果圖遇見的問題

怎麼載入自定義的js檔案

vue-外掛程式這必須要看。然後就是自己寫了。

export default{

install(vue){

var tpl;

// 彈出框

vue.prototype.showalter = (title,msg) =>{

var altertpl = vue.extend({ // 1、建立構造器,定義好提示資訊的模板

template: '''

'+ title +''

'+ msg +''

確定' '

tpl = new altertpl().$mount().$el; // 2、建立例項,掛載到文件以後的地方

vue.mixin({

methods: {

hidealter: function () {

document.body.removechild(tpl);

使用import jfaltre from '../../assets/jfaletr.js';

import vue from 'vue';

vue.use(jfaltre);

this.showalter('提示','伺服器請求失敗');

用 vue 載入 json 的步驟

vue cli3以後 新增配置在根目錄下自己新建乙個vue.config.js檔案 其中 如下 const express require express var panghu require static panghu 本地json檔案資料 json檔案格式如下 放在static資料夾內 很多人說...

vue路由懶載入

import vue from vue import vuerouter from vue router vue.use vuerouter var router new vuerouter routes name 登陸 path component resolve require.ensure r...

vue資料懶載入

需求 iview級聯元件載入本地區域資料時,由於資料量較大,壓縮後大概是153k,如果直接import引入資料,載入頁面的時候頁面會出現2到3秒的卡頓。解決辦法 在級聯元件觸發下拉事件的時候載入資料。如下 loadareadata catch error 這樣還是會有問題,就是修改回顯還是要載入,還...