el-tree技巧之只有最后一層級的子節(jié)點可被選擇
ElementUI官網(wǎng)提供的樹形控件能夠用清晰的層級結(jié)構(gòu)展示信息，可展開或折疊。對于需要需要選擇層級的樹，其提供了show-checkbox參數(shù)，將他設(shè)置為true后便可得到一個帶多選框的樹，如圖所示：但是有的時候，我們只希望選擇子節(jié)點，而隱藏根節(jié)點的選框。以這條數(shù)據(jù)為例。由于el-tree支持自定義節(jié)點內(nèi)容，可以通過兩種方法進(jìn)行樹節(jié)點內(nèi)容的自定義：render-content和 scoped s...
根據(jù)數(shù)字不同顯示不同的狀態(tài)--函數(shù)法
之前為大家分享了根據(jù)后端返回的數(shù)字來顯示不同的文字和狀態(tài)，方法是在回調(diào)函數(shù)中直接處理改變數(shù)據(jù)。這里為大家分享另一種方法，正常獲得回調(diào)函數(shù)中的值，改為直接在element表格中通過插槽和函數(shù)來改變文字。通過作用域插槽拿到表格的數(shù)據(jù)，傳遞該數(shù)據(jù)使函數(shù)生效，進(jìn)而改變文字。這里還可以通過三目運算符來判斷數(shù)字來改變css，以達(dá)到不同顏色不同文字的效果。
Vue中axios的安裝和基本使用
首先簡單了解什么是Axios？ Axios是一個基于Promise的HTTP客戶端，用于瀏覽器和Node.js中發(fā)送HTTP請求。它支持各種HTTP請求方法,如GET、POST、PUT、DELETE等，并且可以攔截請求和響應(yīng)，本質(zhì)上也是對原生XHR的封裝，只不過它是Promise的實現(xiàn)版本，符合最新的ES規(guī)范。 關(guān)于axios的特點，可以查看axios中文文檔，還可以了解一下axios, ajax...
Vue路由匹配參數(shù)
Vue Router 提供了強(qiáng)大的參數(shù)匹配能力。要匹配任何內(nèi)容，可以使用自定義參數(shù)正則表達(dá)式，方法是在參數(shù)后面的圓括號中使用正則表達(dá)式。舉個例子，我們在components文件夾下新建兩個文件，分別為用戶中心何用戶設(shè)置頁面，在其中編寫代碼如下：這兩個頁面所需參數(shù)不同。接著在main.js中定義路由：Const routes = [,]可以發(fā)現(xiàn)，這兩個路由除了參數(shù)名不同外，其余都相同，這種情況下，我...
帶參數(shù)的動態(tài)路由
在Vue中，不同的路由可以匹配到不同的組件，從而實現(xiàn)頁面的切換。但可能會出現(xiàn)組件過多的情況。有些時候，需要將給定匹配模式的路由映射到同一個組件，然后通過路由的參數(shù)來控制組件的渲染。例如對于“用戶中心”這種頁面，不同的用戶登錄后渲染的信息是不同的，但頁面結(jié)構(gòu)相同，這時就可以通過為路由添加參數(shù)來實現(xiàn)。 如以上代碼所示，在組件內(nèi)部可以使用$route屬性獲取全局的路由對象，路由中定義的參數(shù)可以通...
2023-05-27
