根據(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
Vue Router的安裝和簡單使用
我們已經(jīng)創(chuàng)建好了一個Vue項目工程，首先我們采用NPM的方式來安裝Vue。打開IDEA的終端面板，使用終端在根目錄下執(zhí)行如下指令來安裝vue router模塊：npm install vue-router@4 -s 若安裝成功，項目的package.json文件中會自動添加Vue Router的依賴。例如："dependencies": ,成功添加依賴后，便可以對Vue Router進(jìn)行使用了。其...
2023-05-19
