使用iview遇到問題記錄總結

2022-06-25 02:12:10 字數 1823 閱讀 7698

1.iview設定日期不可用,設定開始開始時間早於結束時間

//官網示例,設定今天之前不可選,但是不能識別this

disableddate (date)

//繫結this,可設定定義好的變數

optionsendtime: ).bind(

this

)}

2.列表查詢時分頁下邊回到第一頁

this.$refs['pageschannel'].currentpage = 1;

//分頁的ref

="pageschannel"

3.使用表單校驗是,會出現新增或者修改不能通過校驗的問題,可給輸入框設定type屬性

可參考 

4.如果乙個form元件中只有乙個input元件,當這個input獲得焦點時,按enter鍵會重新整理頁面,多個input則不會

解決這個問題可在元素中新增 @submit.native.prevent

vue裡面類似的問題都可以嘗試

@submit.native.prevent>

@submit.prevent="function"還可設定方法

//方法中返回false則阻止調教

[email protected]()繼續預設提交

5.**資料跨頁操作,可設定變數快取已選中資料,通過選中事件@on-select,取消選中事件@on-select-cancel,全選事件@on-select-all@on-select-all-cancel對資料進行操作

和取消全選事件@on-select-all-cancel對已選資料進行處理,官方文件取消全選事件返回引數為已選資料,所以需要通過this.$refs.selection.data 獲取全選取消資料

foreach有時候會不執行,所以暫時都用for迴圈

@on-select-cancel="cancelchange"@on-select="onchange"@on-select-all="checkallchange"@on-select-all-cancel="cancelallchange"
// 取消選擇事件

cancelchange(selection,val)

}}

7.在iview js檔案中不能使用notice、message等方法的解決方案

import  from 'iview'message.info('hello');

message.success('hello');

message.warning('hello');

message.error('hello');

8.js切換tab頁:有時候處理完資料要自動跳轉到某個 tab頁面,但是不點選tab,需要用到tab元件的v-modal功能

//html部分

//跨元件操作用watch監聽變化,若同一頁面可直接寫在對應的方法中

watch:

},

9.分頁當前頁數大於第一頁時(第一頁可能是0或者1),切換每頁顯示數量會調兩次介面

//

當前介面頁碼從0開始

if (this.pagelist.page === 0)

10.設定資料列表全選

//js實現列表全選**命令,state為true則選中

this

.$refs.selection.selectall(state)

//**關聯屬性

11.修改iview預設表單樣式 (參考:

Linux移植遇到問題記錄

問題描述 定義模板類,使用前向宣告引入class 類定義中使用了指標,即 sp 以上ok。但模板在標頭檔案中實現,實現過程中呼叫sp refresh 上述 出了問題 在window vs中可以執行編譯,但移植到linux時會報上述錯誤 解決 引入class 的標頭檔案。問題描述 使用類的同名的變數 ...

react dnd使用遇到問題總結

import react from react import from react dom import from react dnd import html5backend from react dnd html5 backend import from redux import from rea...

使用遇到的問題 Mac Pro使用遇到問題

mac os x無法休眠?教你用pmset找出原因。如何重置 mac 上的系統管理控制器 smc mac retina 合蓋後開啟突然黑屏,長按開機鍵無反應?應該是有一次修改了系統設定,解決如下 mac os x中顯示 不顯示隱藏檔案方法 命令列 mac不能複製拷貝寫入檔案到行動硬碟,u盤怎麼辦 n...