原创 前端面試題,vue詳解(組件傳值)

看了很多關於vue組件傳值的文章,於是想把文章總結一下,把關於vue組件傳值好好聊聊,歡迎大家指正。 組件之間傳值主要分兩種 1、父子組件:props方法、ref方法、children和parent方法、 emit方法 2、非父子

原创 前端面試題,vue詳解(vuex)

上篇文章沒說的vuex,現在就來全面講講vuex。其實我們搞懂下面這幾個問題,就能真正理解vuex。 1、什麼是vuex? vuex是一個專爲vue.js應用程序開發的狀態管理模式(它採用集中式存貯管理應用的所有組件的狀態,並以相

原创 vue 動態引入圖片,背景圖引入,圖片自適應盒子寬高,不會變形拉伸

html部分 <div class="imgBox" :style="{backgroundImage:'url('+imgUrl+')'}"></div> css部分 .imgBox{ width: 250px;

原创 vue 簡單實現返回頂部,帶動畫過渡效果

很簡單的vue返回頂部,但是網上查了很多方式,並不好用,我把我項目上面的方法分享出來。 效果線上預覽:返回頂部 html <a @click="backTop"> <i class="el-icon-arrow-up">

原创 Vue.js + Vue Router簡單實例

Vue.js + Vue Router簡單實例 使用 Vue.js ,我們已經可以通過組合組件來組成應用程序,當你要把 Vue Router 添加進來,我們需要做的是,將組件 (components) 映射到路由 (routes)

原创 vue.js多層嵌套列表渲染

簡單利用vue實現多層嵌套列表渲染效果圖如下 效果圖如下 html部分 <ul> <template v-for="(item, index) in wjList"> <li class="voteList-l

原创 微信小程序 swiper選項卡切換 flex彈性佈局+scroll-view撐開高度

寫swiper的時候高度無法撐開,也不想用js動態設置高度,就可以利用flex彈性佈局來撐開高度,效果如下。 wxml部分 <view class='ranking fz32'> <view class='ranking-d

原创 Element/vue router連續點擊同一路由報錯解決方法

寫項目的時候,多次點擊同一路由地址的時候,router會報錯,錯誤如下: 網上查了一下,發現是因爲router版本bug,需要升級router ,方法如下(親測有效) : 第一種方法,升級vue-router: npm i v

原创 vue 調用打印機插件 LODOP 實例詳解

最近的項目需要調用打印機,把網上的一些資料整理一些,分享給大家,需要注意的是lodop會有腳標,如果想去掉腳標,只能先預覽再打印,或者購買版權。 lodop官網vue案例地址:點擊進入 安裝打印機驅動,設置打印尺寸這裏就先不分享

原创 vue項目配置sass,引入外部scss文件

配置sass 安裝對應依賴node模塊 npm install node-sass --save-dev npm install sass-loader --save-dev 引入外部scss文件 在main.js中引入需要的s

原创 中層管理培訓心得體會

經過這兩天的培訓,我受益匪淺,心中思緒萬千,晚上回家的時候也是忍不住和室友討論一番。下面我就簡單的講講自己的一些體會。 首先,我想講講我們的講師李玉玲老師。她做的一些小事情,卻給了我很深刻的印象。爲了鼓勵大家踊躍發言,她首先強調,

原创 時間戳在ios上面顯示NAN ,微信小程序兼容ios,幾個需要注意的地方

最近寫項目的時候,獲取時間戳的時候發現了在ios上面顯示NAN,網上查了一下,很多東西講的不詳細,沒辦法解決我的問題,花了一點時間研究了一下,現在分享給大家。 後端傳的值是2019-05-30 20:08:40.0,如果需要用在i

原创 微信小程序 radio-group 動態修改默認勾選某一項

寫項目的時候碰到一個問題,頁面打開的時候需要默認勾選radio的某一項,默認勾選項是會變化的,網上查找了一下,沒找到類似的文章,自己研究了一下,現在分享給大家。 首先wxml部分 <radio-group class="sect

原创 分享我自己學習前端的視頻教程

從事前端工作也有3年了,從剛畢業什麼都不懂的小白,到現在終於入了門。一路走來很不容易,在這裏希望能給想學習前端的同學們一點幫助,免費將自己的學習視頻分享給同學們。裏面包括html、css、bootstrap、js、angular、

原创 vue 上傳視頻 獲取視頻時長 帶上傳進度條 實例詳解

如同所示,實現上傳視頻的功能: html部分 //element-ui提供的上傳組件el-upload <el-upload class="avatar-uploader el-upload--text" action=