Vue.Draggable的安裝和使用
Vue.Draggable是一款基于Sortable.js實現的vue拖拽插件，用以實現拖拽排序功能，是一款非常優秀的vue拖拽組件。本篇將介紹如何搭建環境及簡單的例子。 首先下載安裝包，在終端里執行npm install vuedraggable當顯示包版本的時候即表示安裝成功。本篇以Vue2為例，Vue3的安裝方式如下：npm i -S vuedraggable@next 接著需要在文件中引入...
2023-07-10
vue 項目 -移動端vant ui-移動端ui組件庫
vue項目中pc端項目有element ui、Ant Design Vue、View UI等等，而vant則是移動端中的中流砥柱，vant是一款輕量級的移動端組件，其組件的平均體積小于1kb，跟其他組件一樣，封裝了豐富的ui插件，可以幫助前端快速構建頁面。首先看一下自己項目的的vue版本npm list vue根據2和3分別有兩種安裝方式。vue3：直接安裝最新版npm i vant -Svue2...
el-tree技巧之只有最后一層級的子節點可被選擇
ElementUI官網提供的樹形控件能夠用清晰的層級結構展示信息，可展開或折疊。對于需要需要選擇層級的樹，其提供了show-checkbox參數，將他設置為true后便可得到一個帶多選框的樹，如圖所示：但是有的時候，我們只希望選擇子節點，而隱藏根節點的選框。以這條數據為例。由于el-tree支持自定義節點內容，可以通過兩種方法進行樹節點內容的自定義：render-content和 scoped s...
根據數字不同顯示不同的狀態--函數法
之前為大家分享了根據后端返回的數字來顯示不同的文字和狀態，方法是在回調函數中直接處理改變數據。這里為大家分享另一種方法，正常獲得回調函數中的值，改為直接在element表格中通過插槽和函數來改變文字。通過作用域插槽拿到表格的數據，傳遞該數據使函數生效，進而改變文字。這里還可以通過三目運算符來判斷數字來改變css，以達到不同顏色不同文字的效果。
Vue中axios的安裝和基本使用
首先簡單了解什么是Axios？ Axios是一個基于Promise的HTTP客戶端，用于瀏覽器和Node.js中發送HTTP請求。它支持各種HTTP請求方法,如GET、POST、PUT、DELETE等，并且可以攔截請求和響應，本質上也是對原生XHR的封裝，只不過它是Promise的實現版本，符合最新的ES規范。 關于axios的特點，可以查看axios中文文檔，還可以了解一下axios, ajax...
