個人技術總結 vex table

2022-09-04 10:06:09 字數 1041 閱讀 7325

技術概述

vxe-table是乙個vue的**外掛程式,我們專案需要實現填寫**的功能,於是我就找到了這個外掛程式。難點在於,我覺得這個外掛程式的手冊寫得不是很好,而且比較冷門,網上缺少關於它的教程和討論,很多地方要自己研究。

技術詳述

vxe-table由三個部分組成,**樣式,**資料,**方法。以此次作業的專案中乙個頁面的**為例。

**樣式由引數來控制,**要呼叫的方法也是寫在引數上的。

**

}}修改

刪除

使用axios來訪問伺服器介面獲取資料並儲存

getresponse()  else 

}).catch(function(error) )

},

//**檢驗規則,required表示必填,message為錯誤時的提示資訊,validator:值檢驗

validrules: ,

]}//如果超過最大值就返回錯誤

const maxvalid = () => else

})}//編輯關閉事件,關閉時進行自動累計

editclosedevent ()

}methods:

this.classoption.push(option);}},

formatterclass() ,

}

上述**實現了將數字形式的classid轉化成漢字的classname在**中顯示。

總結vxe-table總體還是乙個很強大的**外掛程式,主要是解決了我們實現動態可編輯**的需求。但是文件寫的不是很清楚,而且這是乙個相對冷門的技術,網上有關它的教程與討論少之又少,開發中遇到問題有時候在網上根本找不到解決方法,造成了一些麻煩。

參考文獻

vxe-table官方文件

個人技術總結

1 技術概述 vue router 是 vue.js 官方的路由管理器。它和 vue.js 的核心深度整合,讓構建單頁面應用變得易如反掌。包含的功能有 巢狀的路由 檢視表 模組化的 基於元件的路由配置 路由引數 查詢 萬用字元 基於 vue.js 過渡系統的檢視過渡效果 細粒度的導航控制 帶有自動啟...

個人技術總結

vue的學習 實現和使用 部分例子 2.v for列表渲染 學習任何一門新技術,都需要掌握正確的學習方法和步驟,我認為最適合我個人的方法就是,第一步閱讀文件,試圖搞清楚這項技術是在幹什麼。第二步是語法,不同技術之間的程式語言不同,語法也不同,語法錯誤是最低階的錯誤,熟悉語法才能避免低階錯誤。第三步則...

個人技術總結

我要介紹的是vue傳參的三種方式。這個技術算是比較基礎的,不會很難,但是基本每個專案都要用到,所以寫下這篇部落格。主要的運用場景 點選父元件的li元素跳轉到子元件中,並攜帶引數,便於子元件獲取資料。父元件 template部分 父元件 js部分 methods 需要配置的路由如下 子元件如何獲得id...