原创 vue項目實現echarts圖表最大化顯示功能

由於echart工具欄沒有提供最大化功能,只好使用elementUI的el-dialog自己寫一個類似的功能,效果如下 貌似這個放大效果作用不大(-_-||)下面放代碼吧 結構部分 <div class="pi

原创 vue-element-admin項目實現excel表格導出

安裝依賴 npm install xlsx file-saver -S npm install script-loader -S -D 在需要導出excel的頁面執行以下方法 <el-button v-if="vis

原创 vue計算屬性的簡單使用

<div id="app"> <input type="text" v-model="firstName"> <input type="text" v-model="lastName">

原创 使用layUI時form表單中的select標籤無法正常渲染option(option從後臺返回)

// 獲取推薦分類列表 function getRecomList(){ $.ajax({ type: 'get', url: '請求

原创 elementUI的el-select選擇器同時返回選中項的value和label值

<el-select v-model="ruleForm.category" @change="selectedCag" placeholder="請選擇項目類別"> <el-option

原创 element-UI的el-table添加序號時所有分頁的序號都是從1開始的解決方法

<el-table-column type="index" label="序號" width="50"> <template scope="scope">

原创 elementUI中的表格實現表頭與內容文字居中

因爲elementUI的table組件沒有對應的參數可以設置表頭內容文字居中,所以只能通過修改樣式的方式實現,代碼如下 .el-table td, .el-table th { text-align: ce

原创 對v-for中返回的日期值去除時分秒保留年月日

this.$http.get("goods/scSubcardManagements", data).then(res => { console.log(res.data.data) t

原创 elementUI的表格內容進行數據轉換

一般我們前後端聯調的時候後臺返回的數據都是數字,比如1代表上線,0代表下線。這時候就不能直接使用該字段而需要做轉換,需要formatter屬性,該屬性用於格式化指定列的值,接受一個Function,會傳入兩個參數:row和colu

原创 實現elementUI的el-date-picker自動彈開

點擊左邊時間控件選擇後自動彈出右邊時間控件 <el-date-picker size="mini" v-model="monthBg" type="month"

原创 [Vue warn]: Injection “elForm” not found報錯解決方法

該錯誤大部分是因爲elementUI與vue版本不匹配,個人解決方法是引入的時候都是用線上引入的方法,確保版本不衝突 <link rel="stylesheet" href="https://unpkg.com/element

原创 將qrcode生成的二維碼轉成圖片

將頁面上原來canvas格式的二維碼隱藏,新建一個div用於存放生成的img標籤 <div class="canvasCode" id ="query" style="display:none">

原创 適應不同尺寸比例屏幕的css樣式

div{ height: calc(100vh - 100px); } 設置div的高度爲當前窗口高度-100px

原创 watch監聽器的簡單使用

<div id="app"> <input type="text" v-model="firstName"> <input type="text" v-model="lastName">

原创 後臺管理系統導出Excel表格的方法

//導出Excel公共方法 function excelExport(colums,queryParams,objectName,baseUrl,sysUrl,body,title){ if(colums==null){