Vue+Element開發記錄


簡單記錄一下自己開發過程中遇到的問題以及解決的一些技巧,慢慢更新

去除輸入空格

  1. 巧妙的去除輸入空格
    只需要在v-model後面加上 .trim 即可
    示例代碼
<el-input v-model.trim="keyword" />

el-table

  1. 表格在點擊第三方按鈕時獲取選中行在這裏插入圖片描述
    如圖,在選中任意兩行之後,點擊右下角選擇按鈕,獲取表格選中行。
    在查閱element-ui文檔之後未發現有獲取該選中行的api,所以只能自己找,組件內部實現肯定是有選中行的數組的。
    解決思路:給el-table加上一個ref屬性tableRef(命名隨意),然後通過點擊選擇按鈕,打印this.$refs.tableRef,然後在控制檯搜索select,即可找到值爲兩個數組的變量selection
let selectedArr = this.$refs.tableRef.selection;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章