背景：在做某系統的審批中心時，新增了審批訊息一鍵已讀和刪除功能，用iview的表單元件-table實現訊息列表展示，效果如下圖所示：
在實現一鍵已讀或一鍵刪除時需要獲取當前訊息列表中所有選中項，通過與服務端api互動來改變訊息狀態或刪除訊息。iview官方文件僅提供單選、全選或者選中項發生變化時的監聽，並沒有提供獲取選中項的方法。通過檢視官方demo和原始碼，發現可以通過this.$refs.table元件ref值.getselection()的方式獲取table選中項，下面在官方demo的基礎上修改下，簡單記錄，方便自己和後來者：
以上，完了！
關於iview中表單Form自定義驗證
目的 實現使用iview中表單的驗證自己想要的結果 結果 網上找到合適方法validator 步驟 1.在form中設定好要驗證的值 1111 2222.在vue中data 寫驗證函式。官網有案例 export default else 3.在form中的驗證呼叫2的函式。menuclassifyi...
使用iview 的表單元件驗證 Upload 元件
使用iview 的表單元件驗證 upload 元件 結果 點選提交按鈕,沒有填的form項,提示錯誤,當填入資料後提示驗證成功 v model build title 新建 on cancel adddata class name vertical center modal 確定 default e...
移動端ios系統中表單標籤無法獲取焦點
做移動端網頁的時候發現在ios系統中表單元件無法獲取焦點，無法輸入 webkit touch callout none webkit touch callout none 阻止長按之後呼出選單提示複製的行為 禁用webkit核心瀏覽器的文字大小調整功能。webkit text size adjust...