文章列表
-
- 在vue中封裝方法以及多處引用該方法詳解
- 步驟:1.先建立一個文件,放你想封裝的方法;然后導出;部分代碼:注: 導出這個地方需要特別注意:如果是一個對象的話:export 對象;如果是一個函數的話:export { 函數 }2.引入文件:補充知識:vue uni-app 公共組件封裝,防止每個頁面重復導入1、公共插件實現目標,將公共組件或者...
- 日期:2022-12-07
- 瀏覽:110
- 標簽: Vue
-
- 如何手寫簡易的 Vue Router
- 前言還是那樣,懂得如何使用一個常用庫,還得了解其原理或者怎么模擬實現,今天實現一下 vue-router 。有一些知識我這篇文章提到了,這里就不詳細一步步寫,請看我 手寫一個簡易的 Vuex 基本骨架 Vue 里面使用插件的方式是 Vue.use(plugin) ,這里貼出它的用法: 安裝 Vu...
- 日期:2022-11-16
- 瀏覽:93
- 標簽: Vue
-
- Vue使用vue-draggable 插件在不同列表之間拖拽功能
- 今天分享一個vue項目中在不同列表拖拽設置選項的功能,這個功能也是在做項目中遇到的,先說下這個功能的要點(參考下圖),有2個列表,左側列表展示已選,右側列表展示未選,通過拖拽進行設置,已選的選項不能超過4個,超過的話自動將拖拽之前的最后一項清除到右側,且如果從已選往未選里拖的時候,右側顯示垃圾桶的提...
- 日期:2023-01-31
- 瀏覽:28
- 標簽: Vue
-
- Vue實現購物車實例代碼兩則
- 一、第一種比較簡單效果圖實現代碼:<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-w...
- 日期:2023-01-17
- 瀏覽:83
- 標簽: Vue
-
- Springboot+Vue+shiro實現前后端分離、權限控制的示例代碼
- 本文總結自實習中對項目的重構。原先項目采用Springboot+freemarker模版,開發過程中覺得前端邏輯寫的實在惡心,后端Controller層還必須返回Freemarker模版的ModelAndView,逐漸有了前后端分離的想法,由于之前,沒有接觸過,主要參考的還是網上的一些博客教程等,初...
- 日期:2023-01-07
- 瀏覽:116
- 標簽: Spring
-
- vue中解決拖拽改變存在iframe的div大小時卡頓問題
- 寫在最前針對于在vue中實現拖拽改變兩左右個div大小的方式,請查看上一篇文章《vue中實現拖動調整左右兩側div的寬度》。此文章主要針對于實際應用中需要拖拽改變大小的組件中使用iframe框架時存在明顯卡頓的問題,比如這樣,右側div中使用了一個iframe組件,導致實際操作中出現兩個問題,一個是...
- 日期:2022-12-31
- 瀏覽:105
- 標簽: Vue
-
- Vue左滑組件slider使用詳解
- slider組件與swiper組件不同,slider滑動時并不翻頁,實現的是左滑時,顯示右側內容的功能1、主要思路思路和swiper組件類似,主要的也就是對三個觸摸事件的處理:touchstart、touchmove、touchend在touchstart事件處理程序中記錄一些初始值,比如原始坐標,...
- 日期:2022-12-04
- 瀏覽:95
- 標簽: Vue
-
- vue中v-model對select的綁定操作
- 1、單選時<select v-model='selected'> <option disabled value=''>請選擇</option> <option>A</option> <option>B</option>...
- 日期:2022-12-02
- 瀏覽:103
- 標簽: Vue
-
- 在vue中使用Echarts畫曲線圖的示例
- 現實的工作中, 數據不可能寫死的,所有的數據都應該通過發送請求進行獲取。所以本項目的需求是請求服務器獲得二維數組,并生成曲線圖。曲線圖的橫縱坐標均從獲得的數據中取得。Echarts官方文檔:https://ecomfe.github.io/echarts-doc/public/en/index.ht...
- 日期:2022-11-17
- 瀏覽:66
- 標簽: Vue
-
- Vue全局使用less樣式,組件使用全局樣式文件中定義的變量操作
- 當你想要在vue項目的一個組件中使用全局樣式文件中定義好的變量,此時只在main.js中import是不行的。目錄結構如下:即在MHeader.vue中想要使用src下的less下的variables.less文件中定義好的變量。此時,只用import在main.js中導入variables.les...
- 日期:2022-11-15
- 瀏覽:92
- 標簽: Vue