tag vue.js

標籤
貢獻382
548
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

那年 - Mint UI中Swipe組件 動態展示默認顯示的元素

可以看到,defaultIndex參數是可以設置輪播初始化時的索引的(既顯示第幾個輪播塊),但是當輪播組件渲染完成後,修改此參數並不會使組件切換輪播,因為此參數只在組件渲染時生效。可以讓組件重新渲染來實現切換到指定輪播,代碼示例如下: mt-swipe :auto="0" :defaultIndex='defaultIndex' :show-indicators="false" :contin

vue.js , mint-ui , Javascript

收藏 評論

雲綺棠兮 - Vue將後端返回的數據中的字段替換成想要的數據

res.data.data.list = [ { id:"1", name:"Lily", project:"math" }, { id:"2", name:"Lucy", project:"English" }, { id:"3,

vue.js , replace , foreach , 前端

收藏 評論

focus - django-uwsgi-vue部署記錄

部署文檔 1.目錄規劃: /home/useradmin/ ├── applications ---應用代碼部署目錄 │ ├── DEV ---開發環境 │ └── STG ---測試環境 ├── applogs --日誌文件目錄

vue.js , 部署 , uwsgi , django-rest-framework

收藏 評論

新茶十九 - 高德地圖,開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響,絕大多數情況下,開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析,並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

收藏 評論

那年 - vue3 點擊下載文件,不打開預覽,已解決

需求背景:vue3項目點擊下載按鈕,下載文件,使用頁面添加a標籤方式會導致不是下載而是打開文件(圖片/pdf) 使用了直接動態添加a標籤的方法,還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

收藏 評論

蔣川 - 最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲

本文首發:《最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲》 單選 / 下拉 / 多選(select)組件在搭建 Vue 的 app 中特別常用,Vue select 除了用鼠標點選外,還可以有更多樣的功能,比如搜索過濾,樹狀結構,tab 分組,按組選擇等。這些高級功能都可以在第三方組件中找到,本文記錄了我自己使用多年最好用的 5 款 Vue select 組件,每一款都經

vue.js , vue-cli3 , vue3

收藏 評論

兔子先森 - Fetch+stream實現流式輸出

Fetch API 允許你跨網絡獲取資源,真正好的是,瀏覽器最近增加了將 fetch 響應作為可讀流使用的能力。 這是一個簡單明瞭的fetch+stream輸出的示例: try { // 定義手動停止接口 abortController.value = new AbortController(); // 發送請求 let response = await fetch(u

react , vue.js , HTML , 前端 , Javascript

收藏 評論

灬都是個謎 - vue3 模板編譯 —— 我竟把 v-if 和 v-for 的優先級改回來了,不信你看 🤣

📰 前言 眾所周知,在 vue3 中 v-if 總是優先於 v-for 生效。 然而,在某些情況下,我們可能更希望 v-for 的優先級更高, 雖然 vue3 並沒有提供直接修改指令優先級的方法,但是我們可以使用 AST(抽象語法樹) 轉換來實現這一點。 🌈 在線演示 📄 vite.config.ts import { defineConfig } from 'vite' im

vue.js , 編譯原理 , 前端

收藏 評論

愛編碼的coder - Web移動端最強適配方案總結,沒想到這麼好用!

一、前言 在過去的幾年時間裏,移動端web野蠻生長,智能機的Android陣營和IOS陣營分庭抗禮,隨之產生了多個系統版本(系統版本多樣);五花八門的屏幕尺寸、屏幕展示技術(如大名鼎鼎的Retina技術屏)層出不窮(屏幕尺寸、技術多樣),還是CSS的W3C標準在各式各樣的移動端瀏覽器上落實得也是七零八落(瀏覽器兼容多樣)。 細看下來移動端Web開發工作面臨着很多的多樣性,可想而知在這樣的不確定性下

vue.js , 全棧工程師 , 程序員 , html5 , Javascript

收藏 評論

Banshee - mpvue實現微信小程序快遞單號查詢

mpvue剛出來的時候確實很火,但目前好像沒有維護,不是很好找官方的文檔,只能通過各大論壇的大佬們總結的文章去研究和論證 使用快遞100的接口https://m.kuaidi100.com,mpvue也是完全遵循原生微信小程序的語法,所以接口只允許https.~~~~ **在app.vue主文件裏面定義一個globalData並初始化一個訂單集合 globalData: {~~~~

vue.js , 小程序 , mpvue

收藏 評論

mob64ca13f9e726 - HTML循環創建div和table並實現滾動效果_html循環生成div

一、div列表滾動 現在需要實現一個效果,內容無限、平滑、無閃動地向上滾動;當鼠標懸停到列表時,滾動暫停並高亮當前項;鼠標移出後繼續滾動。這是在大屏項目中經常見到的一種展示數據的方式,本文為具體的實現方式。 實現原理: 在使用了js控制之後發現有閃動的現象,然後就換了種方式,我的想法是:把原始列表渲染兩次(A +

vue.js , 數據 , 後端開發 , 無縫滾動 , Css , harmonyos , 前端

收藏 評論

UXbot - 2026年 UI 設計平台價值洞察與選型指南

AIGC 設計平台正深度重塑設計師、產品經理及創意從業者的工作範式。相較於傳統工具,此類平台基於自然語言與極簡指令,即可實現視覺設計、UI 原型、圖形內容的自動化生成,顯著提升生產效率,大幅壓縮重複性勞動佔比。本文精選 6 款優質 AIGC 設計平台,覆蓋原型設計、圖形創作、視覺內容生成等核心場景,助力從業者精準匹配工作流程,依託 AI 技術實現創意從構思到成果的高效轉化。 UXbot:全流程

vue.js , 產品經理 , 原型 , 程序員 , 前端

收藏 評論

果果 - Java進階學習路線(適合科班、非科班和已工作的仔)

前言 這期我想寫很久了,但是因為時間的原因一直拖到了現在,我以為一兩天就寫完了,結果從構思到整理資料,再到寫出來用了差不多一週的時間吧。 你們也知道哥哥一直都是創作鬼才來的,所以我肯定不會一本正經的寫,我想了好幾個切入點,最後決定用一個完整的電商系統作為切入點,帶着大家看看,我們需要學些啥,我甚至還收集配套視頻和資料,暖男石錘啊,這期是嘔心瀝血之作,不要白嫖了。 正文 在寫這個文章之前

vue.js , coffeescript , bootstrap , yarn , Javascript

收藏 評論

Will - Vue 與 React 的區別

Vue 與 React 有什麼區別? 這是前端開發同學面試時經常遇到的問題。 我最開始接觸的是 React,對 Vue 的理解一直比較片面,感覺 Vue 要學很多 html 指令,很不習慣,也沒覺得 Vue 比 React 有什麼優勢。 直到現在,使用了 Vue 一年之後,對 Vue 有了更多感受,也消除了一些刻板印象。 首先,這兩個框架都是非常優秀的,它們其實非常相似,都有以下特性: 響應式

react , vue.js

收藏 評論

BugShare - 嘿嘿,一個簡單ElasticSearch小實現

週五臨近下班,原本打算摸摸魚,結果產品經理來個新需求。領導覺得 AI 服務器報價太貴,想先做個“低成本替代方案”來演示一下分析效果。於是,需求會議就開了。其中有一塊功能是 “檢索內容高亮顯示並展示匹配度”,產品經理説這可以考慮用 Elasticsearch 實現。行吧,需求是他提的,代碼自然就得咱來寫了。那就開幹吧 💪 一、啓動 Elasticsearch 服務(Docker 簡單搞定) 這裏用

vue.js , elasticsearch , 大數據 , springboot , Docker

收藏 評論

wzw45233 - elementplus Slider 滑塊

Element UI Plus 的 ElSlider(滑塊組件)用於在指定數值範圍內進行單值/範圍選擇,支持步長、自定義樣式、禁用等功能,是表單、篩選、配置類場景的高頻組件。以下是完整的使用指南,包含基礎用法、進階定製及核心 API。 一、基礎用法(核心) ElSlider 核心通過 v-model 綁定數值,默認是單滑塊,取值範圍由 min(最小值,默認 0)和 m

輸入框 , vue.js , 滑塊 , 前端開發 , ide

收藏 評論

小雨青年 - 拒絕“重後端”!帶你用 MateChat 打造 AI 驅動的“輕狀態”敍事引擎

前言 大家好!提到“遊戲化交互”,大家腦子裏是不是立馬浮現出複雜的後端服務、龐大的數據庫設計,還有令人頭禿的狀態機管理? 説實話,這種“重後端”的架構往往讓我們望而卻步——我只是想給活動頁加個劇情小遊戲,或者給入職引導做個互動,真的需要動用這麼大陣仗嗎? 今天,我們換個思路。如果不寫後端,只用前端技術和華為雲的

輸入框 , ico , vue.js , 前端開發 , Json

收藏 評論

Jello - vue實例的生命週期和生命週期鈎子

什麼是生命週期 從Vue實例創建、運行、到銷燬期間,總是伴隨着各種各樣的事件,這些事件,統稱為生命週期。生命週期鈎子就是生命週期事件的別名(生命週期鈎子 = 生命週期函數 = 生命週期事件) 生命週期圖示 主要的生命週期函數分類 創建期間的生命週期函數: beforeCreate:實例剛在內存中被創建出來,此時,還沒有初始化好 data 和 methods 屬性 create

鈎子 , vue.js , 生命週期

收藏 評論

瘋狂迪霸戈 - Vue2 與 Vue3 區別

1. 架構設計差異 Vue2 的 Options API Vue2 採用 Options API 組織代碼,通過不同的選項(data、methods、computed 等)來定義組件: // Vue2 Options API export default { data() { return { count: 0, message: 'Hel

vue.js , API , 響應式 , 前端開發 , Javascript

收藏 評論

mob64ca140a59b0 - Vue3漸變色進度條實現elementplus

打開vue的官網介紹,第一句就是“vue是一套用於構建用户界面的漸進式框架”。“漸進式”這幾個字在剛接觸vue時並沒有很注意到, 使用至今,再次打開官網,這幾個放大突兀的字體確實是讓人疑惑,當然,網上Google一下,會有很多資料對於這三個字進行闡述,本文只是一個自己理解和簡單記錄 1、漸進式 看到“漸進式”這三個字,不免想

機器學習 , 函數式編程 , vue.js , 圖層 , 人工智能 , 官網

收藏 評論

Enaium - Vue項目整合Cordova一鍵打包apk

首發於Enaium的個人博客 Cordova是一個依賴於Node.js的工具,它可以將HTML頁面打包為apk等移動端應用,本篇文章將介紹如何使用Cordova將Vue項目打包為apk。 創建Corodva項目 首先,我們需要安裝Cordova,可以使用npm進行安裝: npm install -g cordova 安裝完成後,我們可以使用cordova create命令創建一個Cordova項

vue.js , Android , cordova

收藏 評論

DiracKeeko - [Vue] el-form 表單驗證的異常情況

本文針對的場景是沒有手動觸發el-form的validator驗證,但是async-validator自動觸發(驗證),控制枱async-validator驗證報錯的情況。 先貼一段代碼: template el-form ref="form" :model="formData" :rules="formRules" label-width="100px" size="medium"

validator , vue.js , form , element-ui , 前端

收藏 評論

OpenTiny社區 - 有獎問卷調研|OpenTiny給你送天命人好禮啦!

破防了!家人們! 參與這個活動到底有多簡單? 加入OpenTiny開源社區 ,到底是種什麼樣的體驗? 原來,使用項目不僅有社羣技術答疑, 還能送緊箍咒等天命人好禮! 班味太濃,是時候該去去班味了~ 這個活動,就等你來參加啦~ 活動説明:有獎問卷調研!!! 現在起至9月20日,填寫你對於 OpenTiny 項目的真實使用情況,我們會根據問卷內容,針對填寫優質問卷的小夥伴贈送相應禮物~ 友好用户

vue.js , 組件庫 , 低代碼 , typescript , 前端

收藏 評論

OpenTiny社區 - 從千問靈光 App 看生成式 UI 技術的發展

本文由體驗技術團隊OpenTiny項目負責人莫春輝老師原創。 引言 2025 年 11 月 18 日,螞蟻集團全模態通用 AI 助手——靈光 App 發佈,上線兩週用户已創建 330 萬個閃應用。這一現象級數據的背後,不僅是開發效率的提升,更是人機交互範式正在從圖形用户界面(GUI)向生成式用户界面(GenUI)的跨越。在新的範式下,應用不再是預先固化的靜態資產,而是根據用户自然語言意圖實時生成。

vue.js , 人工智能 , 前端

收藏 評論