iview在專案中遇到的坑

2022-08-23 20:24:10 字數 1032 閱讀 8391

1、下拉框選中某一項搜尋發現總是搜不到,最後發現是選中後選中值後邊莫名多了很長的空格,原因很簡單,在**中opction閉合標籤和主體沒有在一行。

2、iview+vue專案中,用百分比或者display:flex彈性盒布局,而且多層標籤下的table容易出現寬度變得很大,在載入中就像加了動畫一樣寬度在變大。要麼改變布局,要麼將table寬度設定,如

在初始化時將寬度設為父級寬度的多少或者其他。

4、使用v-if要注意,如果裡面有初始化獲取的資料,容易造成資料丟失。比如v-if中有乙個select元件,當true->false->true,下拉框資料容易丟失。

5、iview 中的inputnumber 有設定為空的需求的話,還是建議換成輸入框然後加入限制吧,不然會相當麻煩。(比如選擇值後再為空,也就是說取消設值,當然這種需求很少)

如:有這麼乙個需求:新增時候可以為空可以選擇值(只能整數字),在修改時候不能為空,這個時候倒不如用input:

html:

"

序號" prop="

serialnumber

">

"formvalidate.serialnumber

" :maxlength="

5" style="

width: 286px

">

data:

const validateage = (rule, value, callback) => 

else

if(value*1

<=0&&!util.isempty(value))

else

if(util.isempty(value))

else

} else

};

data.return校驗:

serialnumber: ,
還有很多,當時沒注意記錄,現在也想不起來了。隨手記錄多重要的習慣。

weex在專案中的使用及遇到的坑

1.在開發階段編寫xx.vue檔案,xx.vue檔案會被編譯成 js 格式的檔案,然後weex sdk會負責載入渲染這個js檔案。在web 平台和 native 平台,對 virtual dom 執行的解析方法不同。weex 是通過 webpack 打包出 bundle 檔案的。bundle 檔案的...

vue專案中遇到的坑總結(持續更新)

在vue專案stylus中使用 查詢 header h2 font size 30px font weight 100 line height 45px media max width 992px font size 22px vue專案中的reset.css使用 vue專案中使用滾動條外掛程式 v...

VUE專案中使用mintui庫遇到的坑

data 阻止預設事件,我在寫的時候遇到eslint報錯,不讓在data裡面寫函式,這裡可以給handler乙個初始為空,在鉤子函式中給他賦值乙個箭頭函式就可以解決了 methods 阻止預設事件 opentouch 開啟預設事件 乙個是在元件彈出時的關閉預設事件,乙個是在元件收起時的開啟預設事件,...