原创 基於layUI的select標籤在回顯的時候顯示爲空

解決方法:在請求成功的方法里加上以下代碼 layui.use(['form'], function () { var

原创 解決html+vue方式開發時頁面加載時閃過{{頁面標籤}}等現象

<el-form-item :label=`選項${index+1}_描述` prop="idec"> <span v-cloak>{{item.describes}}</span>

原创 vue項目中iframe子頁面調用父頁面的方法

父頁面的結構 <el-tab-pane label="派單流程" name="3"> <iframe ref='3' width="100%" height="480px" :src=dispa

原创 echart圖表實現動態改變縱座標的最小值(解決y軸波動太小問題)

yAxis: { name: "KM", type: "value", min: function(value){

原创 vue項目實現定時刷新和關閉刷新功能

<div class="refleshBtn"> <el-button type="primary" plain size="mini" @click="recovery">恢復刷新</el-b

原创 elementUI中的el-calendar自定義使用時給切換月份按鈕綁定事件

因項目需要需要顯示以月曆的形式顯示狀態(如下圖所示),但官方文檔中找不到日曆組件的內置方法,這裏用獲取類名的方式給切換月份的按鈕添加點擊事件 具體代碼實現如下 mounted(){ this.$nextTi

原创 js實現時間的加減運算

let date1 = new Date('2020-04-01 17:29:30') let dateTemp = date1.setHours(date1.getHours() + 5 ) //增加5個小時 let d

原创 elementUI的日期範圍組件的編輯回顯問題

elementUI的DatePicker選擇日期範圍時提交參數我們只需要將綁定的數組拆開即可,但在編輯時如果只是簡單地將後臺返回的開始日期和結束日期賦值給數組,頁面上不會正常地顯示日期範圍,這時候就需要用到Vue的setter或$

原创 如何在elementUI中message組件提示消失後執行函數

根據elementUI官網組件介紹message組件有個onClose方法,具體使用如下: vm.$message({ mes

原创 基於layUI的Distpicker省市區聯動失效的解決方法

使用distpicker實現省市區聯動的時候發現點擊選擇省級後市級沒反應,html代碼如下 <div class="layui-form-item"> <label class="layui-form-label

原创 解決Chrome調試移動端項目時鼠標光標消失的問題

打開核芯顯卡控制面板 2.逐步找到量化範圍設置項:顯示器 —— 一般設置 —— 量化範圍 3.將量化範圍設置成全範圍即可

原创 給el-input等組件綁定點擊事件

想要給elementUI的某個組件綁定一個原生事件。可以使用 v-on 的修飾符 .native <el-input v-on:click.native="showRO" v-model="relationOrder" place

原创 elementUI的DateTimePicker組件日期時間格式改成yyyy-MM-dd hh:mm:ss

如果只是copy官網上的demo的話選擇時間後打印出來的時間格式如下 2019-12-15T05:28:29.000Z 想要改成yyyy-MM-dd hh:mm:ss格式需要加上value-format屬性,具體代碼如下

原创 解決qrcode動態生成二維碼時多次點擊生成多個二維碼的問題

getEwm(url){ document.getElementById("qrcode").innerHTML = ""; var qrcode = new QRCode(this.$refs.qrCodeUrl, {

原创 實現elementUI的tabs標籤頁切換時每個標籤頁下的iframe自動重載

首先給t每個tabs標籤頁下的iframe綁定ref,ref的值與el-tab-pane的name屬性的值一致 通過tab-click方法取到當前選中標籤頁的iframe,然後執行刷新 <el-tabs v-mod