技術概述
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...