由於公司的設計偏愛iview的這種設計風格,所以在vue的道路上與iview形影不離
autocomplete
最開始發現有問題是偶然的從這個元件開始的,但其實是乙個select相關操作的問題,不過跟使用的機器有關。
可能不同的機器對鍵盤的碼的識別不一樣,導致在某些電腦上無法使用回車、上下箭頭、tab、刪除鍵等。
最後在全域性統一定義鍵盤碼才得以解決,keys.js,vue.use(keys)
const haskeybordevent = () => (
typeof keyboardevent === 'function' &&
(new keyboardevent(null)).key
)const codename =
export default = options
object.defineproperties(keyboardevent.prototype, ,
set () }})
}}
tabs v-if
這玩意老頭疼了,有些tab可能在某些條件下是不需要展示的,但是呢,這貨,上面的tite展示倒是給你隱藏的好好的,但是呢,下面的tab內容,真的是給你搞得一團混亂,整體錯位,隱藏多個就更不堪入目了。除非你要隱藏的剛好是最好乙個,還有點搞頭。v-show跟這乙個慫樣。
最後逼得我是先用disabled屬性,然後再用樣式針對性的乾掉它
table max-height
3.x的table有個屬性height,很雞肋,height是固定的,那麼問題來了,table的資料不是固定的,資料不夠的時候,這個table的height在那就很尷尬呀。終於4.x的時候來了個max-height,感覺看到了曙光,資料少了,終於不尷尬了。然後就用了一把,又被坑了,這玩意在資料量少的時候,直接卡死,頁面瀏覽器無法動搖的那種,又被坑的一臉鼻血。
最後老老實實用height屬性,然後繫結乙個計算過的屬性
tableheight ()
poptip
這個呢,就是關或者不關,不是使用者說了算,只能靠它自己的定義的時機來
不過可以用$refs.poptip.ok(),$refs.poptip.cancel()等在外面操作
類似這種問題很多,有些api沒有暴露出來,要自己去找~
vue axios使用 一些坑
1,這個是為了在傳送post請求的時候將引數序列化 import axios from axios import qs from qs 用於post請求引數序列化 post傳參序列化 新增請求 2,可以全域性設定修改header 3,可以傳送請求時,修改頭部 var data axios.post ...
使用iview過程中的一些問題
1 使用iview的table單元格裡面有input,input每輸入乙個字元就會自動跳出焦點,解決方案 只更新一行的資料,input資料改變的時候你把整行的資料替換掉,就不會造成table重新渲染,導致input失焦了 h inputnumber on input value params.row...
使用layui框架的一些坑
本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...