原创 echart和v-chart設置省市地圖
需求: 展示浙江省地圖,並給每個市打標註.點擊市區域地圖切換爲對應的市的地圖,並給區縣打標註. 解決方案: 使用echarts和v-charts開發 注意點: 下載地圖數據,可以在阿里雲資源下載對應的地圖數據,並引入 pos
2020-07-04 05:22:42
16
原创 vue 省市區三級聯動選擇 pc端項目插件element-china-area-data（非常推薦）
使用步驟： 1. npm install element-china-area-data -S 2. import { provinceAndCityData, regionData, provinceAndCityDataPlus, r
2020-06-14 17:44:31
1
原创 vue+element UI實現樹形表格，帶樹形選擇的複選框
一：在component文件夾下新建如下treeTable文件夾，裏面有2個文件： eval.js:將數據轉換成樹形數據 /** * @Author: jianglei * @Date: 2017-10-12 12:06:49
2020-06-14 17:44:21
45
原创 vue-html5-editor插件png圖片上傳失敗解決方法
jpg可以正常上傳,png就會上傳失敗.這是因爲開啓了圖片壓縮,導致Content-Type:image/jepg,以及內部文件編碼問題.只需要將壓縮參數配置設置爲null即可 以下是上傳png圖片時開啓壓縮時: compress:
2020-06-14 17:44:20
原创 vue項目中使用高的地圖vue-map，帶標註、點擊選址和搜索功能
第一步：安裝依賴 npm install vue-amap --save 第二步：在main.js中 import AMap from "vue-amap"; Vue.use(AMap); AMap.initAMapApiLoader
2020-06-14 17:44:20
6
原创 vue組件傳值之bus（多用於兄弟組件）
1.在main.js中，new一個空的vue掛在到vue原型上： Vue.prototype.$bus = new Vue(); 2.在demo.vue中使用bus發送數據（可以通過點擊事件觸發） this.$bus.$emit("s
2020-06-14 17:44:20
原创 vue組件傳值的詳細使用教程（父到子，子到父，兄弟間，祖孫間, 全局數據管理）
父到子： father.vue中： <router-view :data="d" msg="hello"></router-view> data() { return { d: "發送給兄弟的數據" };
2020-06-14 17:44:20
原创 日曆日程安排表格calendar
自定義vue日曆組件,可用於日程安排,人員分工 組件:引用了moment插件和iview的日期選擇組件 <template> <div class="canlendar-container"> <div class="tim
2020-03-05 03:18:13
原创 vue-cli3移動端適配插件
1.安裝2個插件: npm i lib-flexible postcss-px2rem -D 2.在vue.config.js中添加這項配置: css: { loaderOptions: { c
2019-10-25 22:51:11
原创 安卓和iOS移動端調試工具vconsole使用
有時候要在移動端調試項目通過alert很不方便,而vconsole.js就可以解決這個問題. 它相當於谷歌瀏覽器的devtools,只是比pc端的要簡陋一些. 原生js使用: 在<header>頭部引入: <script src="
2019-09-02 21:38:39
21
原创 vue項目刷新當前頁面最優解決方式
一般刷新頁面可以用location.reload(true),history.go(0) 等方法,但是這對vue項目很不友好,會是頁面重新加載,出現暫時性的空白,而且耗費性能,所以vue項目最好不用這些方法,下面介紹2種更好的方法. 方法
2019-09-02 21:38:39
104
原创 echarts改變顏色
傳送門:https://blog.csdn.net/QH_JAVA/article/details/52495675 多柱狀圖修改顏色方法:直接配置color:['red','blue','green'] var colorList =
2019-09-02 21:38:39
原创 js將dom轉成圖片並下載(親測有效) domtoimage替換html2canvas
之前使用html2canvas轉成圖片會有各種bug,如canvas被污染,導致不能下載,圖片跨域等.最終還是沒能解決問題. 最近找到一個新的插件domtoimage,可以完美解決之前的問題,這個只需要引入js,然後調用即可生成圖片.
2019-08-01 22:09:53
52
原创 elementUI添加插槽(對話框插槽)
<el-dialog :visible.sync="dialog" width="400px" center> <template slot="title"> <d
2019-07-10 22:33:50
原创 vue項目中不使用mock也可以模擬數據
一般使用mock模擬數據更好，但是還有一個方法臨時模擬一下數據，使用webpack-dev-server去模擬服務器（原理是node的express中的中間件設置路由），具體操作如下： 先在根目錄中的vue.config.js中書寫如下代
2019-06-11 01:52:22