原创 vue+elementUI下拉框聯動顯示

<el-row> <el-col :span="12"> <el-form-item label="主賬號:" prop="partyAccountId" :r

原创 vue 路由跳轉新的窗口頁面

<template> <div id="accordion"> <ul class="side_menu"> <li v-for="(item, index) in menus" cla

原创 vue+elementui分頁輸入框回車與頁面中@keyup.enter事件衝突解決

解決這個問題的思路只要判斷事件源是哪個就好。el分頁的回車觸發事件是在按下時,擡起並不會再觸發。而keyup.enter事件是在擡起時觸發。 so,找不到分頁的回車事件那就拿keyup.enter事件搞事情。只要判斷這個擡起事件的$e

原创 vue子路由回退後刷新頁面方式

最近碰到一個小問題,頁面中含有 <transition name="router-slid" mode="out-in"> <router-view></router-view> </transition> 作爲

原创 echarts省份標註加散點效果

這個是安徽的效果圖,鼠標移到紅色標註或者對應的市區位置都會顯示對應的數值。 先直接上代碼: import anhuiMapJson from './anhui.json' getCoords: function(city) {

原创 echarts 地圖下鑽方式

要求點中國地圖某個省然後地圖切換成對應單獨省份的市級地圖,然後再點擊市級地圖任何位置又返回到中國地圖。 有一種比較好理解的下鑽方式,就是一開始就默認已經加載好兩個div以及對應的echarts相關數據了,只要做兩個地圖的click事件

原创 vue+elementui--$message提示框被dialog遮罩層擋住問題解決

最近碰到一個先執行this.$message提示內容,然後接着彈出dialog帶遮罩層彈框。那麼問題來了,message提示框會默認被dialog遮罩層擋住,現在就是要解決這個問題。 由於都是彈框,問題肯定是出在z-index比重問題

原创 vue使用粒子效果的兩種方式

普通純html使用粒子效果只要導入相關的particles.js以及app.js的配置文件就好。 現在開始說兩種vue使用粒子的方式,一個是純js配置引入,另外一個是用vue-particles插件使用。 一、純js的引入使用方式:

原创 vue+elementui文件上傳以及校驗提示

好記性不如爛筆頭,還是老實記錄下。 我這邊上傳文件是統一通過表單提交上去,不是單獨上傳文件。所以用var formdata = new FormData(); 對象來上傳表單以及文件。 其中的一個需要上傳的文件,(目前只能上傳一個)。

原创 vue中使用websocket

最近項目需求需要實現賬號唯N性。同一賬號允許多窗口、多臺電腦登錄上限。 由項目需求所得,想用websocket實現看下。以前也沒正式玩過。 項目結構-login登錄成功後會跳轉到以main.vue爲基礎頁面的界面上,所以我只要在mai

原创 使用vuedraggable實現拖拽

測試地址: https://jsfiddle.net/2wye5t3c/52/ 文檔地址:https://www.npmjs.com/package/vuedraggable 以數據驅動視圖方式:根據girl數組中定義的value值來

原创 借鑑並使用vue+el-menu完成多層菜單

先上一個樣例圖片,圖標是前端循環加上的,也可以自己從後端返回的數據層對應加上。 這個是有借鑑網上使用迭代方式來完成的,數據是自己的模擬數據。 這個是demo的下載地址:(包含node_module)下載解壓後即可運行看效果。 htt

原创 邊框四周加角樣式

要完成上面一個邊框四周加上角樣式。 .CSS部分 border_leftTop { position: absolute; border-top-width: 0.105rem; border-top-col

原创 循環下標作爲字段名自身內容部分--獲取對應的值

一般寫對象層級都是用 “.”點的方式===>object.key = value,但還有種用 “[ ]”中括號的方式===> object[key]=value 。 this.labelNum1 ,this.labelNum2… 我

原创 elementui 使用el-table完成transfer基本功能

不知道大家有沒碰到用elementui中transfer組件功能,裏面的列表其實是el-checkbox-group。這就有個問題,如果列表中有多列數據需要區分顯示就沒辦法了,畢竟是el-checkbox。但是這種需求的功能一般項目都不多