footer為公用元件，其他頁面都需要引入，這是會存在一種情況：有的頁面高度很高，footer元件要放在內容的最後；有的頁面內容很少，高度很低，footer需要放在瀏覽器可視視窗的最底部；視窗高度的變化時，footer的位置需要重新調整。
可能有的夥伴首先想到的是給footer元件新增：
position: fixed;
bottom: 0;
這確實能解決頁面內容不足以撐滿瀏覽器高度的情況，但由於footer元件是公用的，在內容很多的頁面呼叫時，會出現內容被元件覆蓋的情況。
給內容不足以撐滿瀏覽器可視高度的頁面新增以下設定，通過動態（監測瀏覽器視窗變化）設定頁面容器最低高度，也就是footer元件正常載入，只是footer的兄弟容器的高度變化了，自身的位置也會變化。
const self = this;
self.minheight=document.documentelement.clientheight- 388;
window.onresize=function()
vue元件（將頁面公用的頭部元件化）
呃 重新撿起前面用vue cli快速生成的專案。之前是做過乙個多頁面的改造，以及引入vux的ui元件，這次在這個專案的基礎上，再來聊聊vue中的component。別問我為啥總是寫關於vue的部落格，都是為了生計 這是官方的文件位址 什麼是元件？關於元件寫了一大堆，一看就知道這個很有用啦。關於一些元...
vue 公用頁面引用 vue引入公共元件及js
一 引入全域性js 1.commonfunctions檔案中新建common.js裡面寫上想全域性呼叫的方法 2.main.js中importcommon from commonfunctions common.js 引入檔案 vue.prototype.common common 掛載到原形上 3...
vue元件嵌入iframe與其他系統頁面跨域通訊
今天在專案中用到在元件中嵌入iframe呼叫另乙個vue專案中的元件頁面 如上圖，擼主在vue元件中嵌入的iframe.ok,現在我們需要給嵌入iframe中的子頁面 也就是另乙個vue專案中的頁面傳遞資訊 父頁面呼叫就是給iframe的ref賦值，然後我們根據 this.res.iframe.co...