文章列表
-
- 詳解為什么Vue中不要用index作為key(diff算法)
- 前言Vue 中的 key 是用來做什么的？為什么不推薦使用 index 作為 key？常常聽說這樣的問題，本篇文章帶你從原理來一探究竟。另外本文的結(jié)論對于性能的毀滅是針對列表子元素順序會交換、或者子元素被刪除的特殊情況，提前說明清楚，噴子繞道。本篇已經(jīng)收錄在 Github 倉庫，歡迎 Star：ht...
- 日期：2023-01-28
- 瀏覽：174
- 標(biāo)簽： Vue
-
- ant design vue中日期選擇框混合時間選擇器的用法說明
- 首先時間格式化用到moment方法，需要在頁面中引入moment組件import moment from ’moment’結(jié)構(gòu)代碼：<a-date-picker style='width:100%' :getCalendarContainer='(triggerNode) => ...
- 日期：2022-11-10
- 瀏覽：108
- 標(biāo)簽： Vue
-
- vue 中使用 vxe-table 制作可編輯表格的使用過程
- 項目上有一個表格需要實現(xiàn)在線編輯，開始用了 element 的el-table 實現(xiàn)，單元格內(nèi)基礎(chǔ)情況就是監(jiān)聽了單擊單元格切換一個span標(biāo)簽與input標(biāo)簽，復(fù)雜點的單元格使用了大量的條件判斷來實現(xiàn)對應(yīng)的編輯操作，比如下拉選，popover彈框編輯。整個表格幾十列，十幾條數(shù)據(jù)就已經(jīng)出現(xiàn)了明顯的卡頓...
- 日期：2023-12-12
- 瀏覽：6
- 標(biāo)簽： Vue
-
- 解決vue 退出動畫無效的問題
- 遇到一個問題：給模態(tài)框加入退出動畫，進入的動畫效果是有的，可是退出的動畫就沒有了。寫個簡單的結(jié)構(gòu)：<div class='<strong>mask</strong>' v-show='warning'><br><transition name='...
- 日期：2022-12-12
- 瀏覽：103
- 標(biāo)簽： Vue
-
- Vue雙向數(shù)據(jù)綁定(MVVM)的原理
- MVVM MVVM 是Model-View-ViewModel 的縮寫，它是一種基于前端開發(fā)的架構(gòu)模式，其核心是提供對View 和 ViewModel 的雙向數(shù)據(jù)綁定，這使得ViewModel 的狀態(tài)改變可以自動傳遞給 View，即所謂的數(shù)據(jù)雙向綁定。Vue.js 是一個提供了 MVVM 風(fēng)格的雙向...
- 日期：2022-11-17
- 瀏覽：122
- 標(biāo)簽： Vue
-
- Vue select 綁定動態(tài)變量的實例講解
- 概述根據(jù)后臺的數(shù)據(jù)生成多個select，由于數(shù)據(jù)的數(shù)量不定，所以v-model綁定的變量名也不定。所以通過數(shù)據(jù)的id或者下標(biāo)進行變量拼接。頁面能夠成功渲染，但是當(dāng)進行下拉框的選值時，組件不刷新，選中的結(jié)果并沒有展示Code<div v-for='(item, index) in tagAllD...
- 日期：2022-11-14
- 瀏覽：134
- 標(biāo)簽： Vue
-
- vue-cli —— 如何局部修改Element樣式
- 最近在做vue項目時用到了Element，發(fā)現(xiàn)這玩意兒用起來很舒服，很新穎，上手也很快，而且效果足夠酷炫。但是后面發(fā)現(xiàn)一個很大的問題，那就是Element的樣式有限，這極大地限制了項目的應(yīng)用廣度，所以我們有必要對Element內(nèi)部的CSS進行一定的覆蓋，來改變其樣式。在修改Element樣式時，遇到...
- 日期：2022-11-14
- 瀏覽：129
- 標(biāo)簽： Vue
-
- 解決vue頁面刷新，數(shù)據(jù)丟失的問題
- 在做vue項目的過程中有時候會遇到一個問題，就是進行F5頁面刷新的時候，頁面的數(shù)據(jù)會丟失，出現(xiàn)這個問題的原因是因為當(dāng)用vuex做全局狀態(tài)管理的時候，store中的數(shù)據(jù)是保存在運行內(nèi)存中的，頁面刷新時會重新加載vue實例，store中的數(shù)據(jù)就會被重新賦值，因此數(shù)據(jù)就丟失了，解決方式如下：解決方法一：最...
- 日期：2022-10-24
- 瀏覽：115
- 標(biāo)簽： Vue
-
- vue3?Error:Unknown?variable?dynamic?import:?../views/的解決方案
- 這篇文章主要給大家介紹了關(guān)于vue3?Error:Unknown?variable?dynamic?import:?../views/的解決方案,文中通過圖文以及實例代碼介紹的非常詳細,需要的朋友可以參考下
- 日期：2022-06-13
- 瀏覽：8
- 標(biāo)簽： JavaScript
-
- vue實現(xiàn)導(dǎo)航菜單和編輯文本的示例代碼
- 導(dǎo)航菜單實例<div id='main'> <!-- 激活的菜單樣式為 active 類 --> <!-- 為了阻止鏈接在點擊時跳轉(zhuǎn)，我們使用了 'prevent' 修飾符 (preventDefault 的簡稱)。 --> <nav v-bind:cl...
- 日期：2023-01-09
- 瀏覽：26
- 標(biāo)簽： Vue
排行榜
網(wǎng)公網(wǎng)安備