pdf預(yù)覽相對(duì)word、excel、ppt等文件的預(yù)覽比較容易，因?yàn)槌Ｒ?jiàn)的瀏覽器都是支持pdf文件直接預(yù)覽，所以最簡(jiǎn)單的實(shí)現(xiàn)方法就是在瀏覽器中直接輸入pdf文件存放在服務(wù)器上...
發(fā)簡(jiǎn)信
IP屬地：北京
-
vue項(xiàng)目中實(shí)現(xiàn)pdf文件預(yù)覽功能
-
vue使用element-ui簡(jiǎn)單封裝一個(gè)消息確認(rèn)框
element中有這樣一個(gè)組件，消息確認(rèn)彈窗 用法也非常簡(jiǎn)單，在方法中觸發(fā)就可以: 第一個(gè)參數(shù)為確認(rèn)框的內(nèi)容，第二個(gè)參數(shù)為標(biāo)題，第三個(gè)參數(shù)為配置項(xiàng)對(duì)象，最麻煩也是這個(gè)配置項(xiàng)對(duì)...
-
vue模糊查詢插件fuse.js的使用
Fuse.js是一個(gè)功能強(qiáng)大、輕量級(jí)的模糊搜索庫(kù)，沒(méi)有依賴關(guān)系。簡(jiǎn)單使用步驟如下： 安裝fuse.js插件。 在vue頁(yè)面中引入： 在vue生命周期鉤子mounted或者在依...
-
vue權(quán)限管控permission實(shí)現(xiàn)
vue項(xiàng)目實(shí)現(xiàn)不同用戶角色權(quán)限管控： 第一種方式：自定義指令實(shí)現(xiàn)用戶角色權(quán)限控制v-permission： 實(shí)現(xiàn)方法：Vue.directive+install+Vue.us...
-
Vue路由參數(shù)更新但是頁(yè)面不刷新問(wèn)題
如圖所示，當(dāng)在同一頁(yè)面改變路由參數(shù)時(shí)，頁(yè)面會(huì)出現(xiàn)不刷新的情況。 解決方法 一、使用watch屬性監(jiān)聽(tīng)route對(duì)象 二、設(shè)置router-view中的key屬性，附帶上參數(shù)值...
-
響應(yīng)路由參數(shù)變化watch+$route
問(wèn)題提出 在解決側(cè)邊欄問(wèn)題上，watch對(duì)象$route的變化使得問(wèn)題變得簡(jiǎn)單，在新手解決側(cè)邊欄問(wèn)題時(shí)，可能碰到好不容易完成router-view與側(cè)邊欄的聯(lián)動(dòng)，但是當(dāng)瀏覽器...
-
-
簡(jiǎn)單理解Vue中的nextTick
Vue中的nextTick涉及到Vue中DOM的異步更新，感覺(jué)很有意思，特意了解了一下。其中關(guān)于nextTick的源碼涉及到不少知識(shí)，很多不太理解，暫且根據(jù)自己的一些感悟介紹...
-
vuex工作原理詳解
前言 vuex作為vue官方出品的狀態(tài)管理框架，以及其簡(jiǎn)單API設(shè)計(jì)、便捷的開(kāi)發(fā)工具支持，在中大型的vue項(xiàng)目中得到很好的應(yīng)用。作為flux架構(gòu)的后起之秀，吸收了前輩redu...
-
js工具包(一些常見(jiàn)的js工具方法的封裝)
日期格式化 去除空格 url中取參數(shù) 獲取、設(shè)置、刪除cookie值 設(shè)置、獲取、刪除、清除sessionStorage（localStorage也是同樣操作） 獲取設(shè)備號(hào)，...
-
iview modal控制關(guān)閉
使用 iview 的 Modal對(duì)話框?qū)崿F(xiàn)單擊確定的時(shí)候不直接關(guān)閉對(duì)話框，而是經(jīng)過(guò)一些判斷，滿足自己的條件的時(shí)候再關(guān)閉對(duì)話框 使用iview的 slot 自定義樣式實(shí)現(xiàn)，經(jīng)過(guò)...
-
Vue2.0與Vue3.0區(qū)別總結(jié)
vue2.0和vue3.0區(qū)別 結(jié)構(gòu)部分 程序主入口文件 main.jsvue2.0 import Vue from 'vue' import App from ...
-
keep-alive實(shí)現(xiàn)原理一、前言 本文介紹的內(nèi)容包括： keep-alive用法：動(dòng)態(tài)組件&vue-router keep-alive源碼解析 keep-alive組件及其包裹組件的鉤子 keep-...
-
npm install說(shuō)明
一、常用簡(jiǎn)寫(xiě) npm install=npm i。在git clone項(xiàng)目的時(shí)候，項(xiàng)目文件中并沒(méi)有 node_modules文件夾，項(xiàng)目的依賴文件可能很大。直接執(zhí)行，npm會(huì)...
-
Vue UI 框架對(duì)比 element VS iviewelement VS iview (最近項(xiàng)目UI框架在選型 ，做了個(gè)分析， 不帶有任何利益相關(guān)） 主要從以下幾個(gè)方面來(lái)做對(duì)比 使用率（npm 平均下載頻率，組件數(shù)量，star...
-
vue中eventbus被多次觸發(fā)（vue中使用eventbus踩過(guò)的坑）一開(kāi)始的需求是這樣子的，我為了實(shí)現(xiàn)兩個(gè)頁(yè)面組件之間的數(shù)據(jù)傳遞，假設(shè)我有頁(yè)面A，點(diǎn)擊頁(yè)面A上的某一個(gè)按鈕之后，頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到頁(yè)面B，同時(shí)我希望將頁(yè)面A上的某一些參數(shù)攜帶過(guò)去給...
-
Vue.extend的理解在使用element-ui的過(guò)程中，我相信你在使用到類似this.$message功能的時(shí)候，會(huì)覺(jué)得這個(gè)功能真的非常方便，不用import入組件，全局都可以調(diào)用。它就是通過(guò)V...
-
Vue項(xiàng)目中簡(jiǎn)單的store模式
Vue項(xiàng)目中簡(jiǎn)單的store模式 Vue大型項(xiàng)目中一般使用Vuex作為數(shù)據(jù)存儲(chǔ)。但是小項(xiàng)目中存儲(chǔ)幾個(gè)共用數(shù)據(jù)大可不必使用Vuex。 示例 我在一個(gè)項(xiàng)目中創(chuàng)建了一個(gè)person...