iview使用的一些坑

2021-10-02 07:16:20 字數 1147 閱讀 8752

由於公司的設計偏愛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頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...