原创 vue 實現點擊按鈕彈出div 點擊頁面其他位置，隱藏div
1. 效果圖 2. 實現步驟 給最外層的div加個點擊事件 @click="screenRule=false" 給點擊的元素上面加上：@click.stop="screenRule=!screenRule" 或者 @click
2019-08-05 21:03:43
原创 vue解決Element-ui中 el-cascader 級聯選擇器 最後一級數據爲空顯示暫無數據問題
1. 出現問題bug: el-cascader控件 最後一級出現空白 暫無數據 2. 問題原因分析: 經過調試分析出現空級聯原因是：由於數據是從後臺傳遞過來的，當後端的哥們使用遞歸算出菜單，然後轉換成json傳遞到前端的時候。就
2019-07-30 15:03:24
18
原创 vue 使用 :class 根據不同狀態值設置狀態文字顏色不同
1. 效果圖 2. 主要代碼 <li v-for="(item,index) in ticketList" :key="index" @click="changTicket(item)"> <header> <spa
2019-07-30 15:03:23
10
原创 vue-router在同一個路由下切換，取不到變化的路由參數解決方法
最近用vue寫項目的時候碰到一個問題，在同一個頁面下跳轉，路由地址不變，路由參數有變化，一開始只是在create裏取路由的參數，發現根本取不到變化的路由參數。 解決辦法：通過監聽獲取路由參數 watch: { /**
2019-07-30 15:03:23
1
原创 nodejs項目部署阿里雲完整流程
nodejs項目部署阿里雲完整流程 轉載自：https://blog.csdn.net/u013263917/article/details/79037770 參考文檔:http://blog.csdn.net/chenlinIT
2019-07-02 15:02:55
原创 微信H5移動端真機調試--vConsole
在移動端實際開發中，還是會碰到一些棘手的bug，想看看到底哪裏出了問題，苦於移動端不能F12啊。友好的微信給我們提供了這麼一個入口，使開發者可以真機調試。給微信開發者點贊。然後就可以看到你打印的內容及其他的信息，比如cook
2019-06-26 23:27:10
原创 js全屏事件fullscreenchange，進入全屏，退出全屏操作
1.進入全屏 function launchFullscreen(element) { if (element.requestFullscreen) { element.requestFullscreen() }
2019-06-26 16:18:17
1
原创 vue.runtime.esm.js:1737 TypeError: _self.$scopedSlots.default is not a function
報錯 _self.$scopedSlots.default is not a function , 原因：element組件在一個vue組件中重複使用 解決方案：此時的解決辦法是設置 key 如下：一個vue組件中使用了多個 el
2019-06-14 11:34:34
6
原创 vue 封裝組件el-select，el-select組件值是對象的解決方案
1.效果（工作中遇到一個問題，記錄一下） 1.1 核心代碼 在用select組件的時候，官方給出的例子是option 裏面的value綁定一個值（不能是對象，綁定的對象的話就會出問題）。但是在開發過程中，確實遇到了需要綁定對象
2019-05-21 15:04:40
2
原创 vue實現 Element-UI 的 Tree Select 樹形選擇器組件（二）遞歸遍歷json菜單多級數據
接着上篇文章：這篇實現 根據後端動態返回數據的渲染tree下拉組件（只提供這部分重要代碼參考，完整請在github拉取） vue實現 Element-UI 的 Tree Select 樹形選擇器組件（一）組件封裝 github下
2019-05-14 21:11:21
2
原创 vue解決element-ui popover點擊取消時 popover的顯示與隱藏問題
最近在項目中使用 elementui 中的table組件popover進行開發，官網的案例如果使用數據遍歷，操作列使用 <template></template> 做 插槽的話就不行了。記錄下解決辦法： 1. popover演示效
2019-05-09 19:07:43
1
原创 vue 實現checkbox 控制Element-UItable表單動態列展示與隱藏
1. checkbox控制表單列的顯示與隱藏 展示效果 代碼 <template> <div class="app-container"> <div class="filter-container"> <e
2019-05-07 15:57:26
原创 vue3.0 在webpack.dev.conf.js 中 配置mock數據
vue-cli 的build的文件夾下沒有dev-server.js文件，怎麼配置mock數據 因爲最新版本3.0的vue-cli已經放棄 dev-server.js，只需在 webpack.dev.conf.js 配置就行 下面是
2019-04-25 17:35:01
原创 移動端項目中 @2x 圖 和 @3x 圖 的解決方案
1. 很多人會問？爲什麼移動端需要@2x或者@3x的圖片 ? 具體請參考：爲什麼移動端需要@2x或者@3x的圖片 本篇主要是解決@2x 圖 和 @3x 圖 的實現方案，下面是具體板栗。 說在前面的話： 移動端開發過程中，你會發現公司
2019-04-25 17:35:01