原创 SCSS使用方法詳解

SCSS (Sassy CSS),它是一款css預處理語言,是 Sass 3 引入新的語法,其語法完全兼容 CSS3,並且繼承了 Sass 的強大功能 並且Sass可以幫助我們減少css重複的代碼,減少開發時間。那麼Sass有什麼強大並且

原创 vue+elementui 摺疊面板的全部展開與全部顯示功能

最近的項目中涉及到了摺疊面板的全部展開與全部顯示功能 下面就大致的總結一下 第一種情況:開始顯示全部展開(這時面板全部都是收縮的),當其中的一個面板被手動打開,那麼就顯示全部收縮(這時面板至少一個被打開)這個是比較簡單的,看一下怎麼實現吧

原创 vue 父子組件傳值 子組件修改父組件值的解決辦法

最近在前端項目中遇到了父子組件傳值的問題... vue中父組件向子組件傳值時,其父子prop之間形成單向下行綁定,反過來則不行,這樣會防止子組件意外改變父組件的值,從而數據流變的難以理解;另外,每次父組件的數據發生更新時,子組件的都會刷新

原创 vue Echarts之餅圖的詳解

最近項目中用到了Echarts,下面就來說下具體是怎麼用的吧 一、安裝Echarts    npm install echarts --save 二、在main.js中引入 import echarts from 'echarts'

原创 vue Elementui 引入第三方icon(阿里矢量庫)

在做項目的過程中,發現elementui圖標比較少,根據ui好多圖標都沒有,被迫只能通過引入第三方圖標啦,自己通過參考其他教程,整理一下過程呀 首先呢 需要去阿里矢量圖庫註冊賬號呀 接下來,需要新建項目 打開“圖標管理”中“我的項目”,點

原创 vue Echarts 自適應問題

上篇講了Echarts餅圖的具體使用方法  下面說下做項目過程中遇到的圖的自適應問題 1. 適應瀏覽器窗口(上篇的具體代碼中有哦) window.onresize = myChart.resize //自適應瀏覽器窗口的大小 2.最近

原创 vue elementui中選擇器(select)多選時添加全選功能

存在這樣一個問題,當下拉列表中的選項過多時,想要全部選中,目前elementui的select多選中沒有提供全選功能,想要解決這個問題分爲以下步驟 首先將從後臺獲取過來的下拉列表數據中添加一個”全選“的選項 當選中項發生變化時進行一系列判