文章列表
-
- 解決VUE項目localhost端口服務(wù)器拒絕連接,只能用127.0.0.1的問題
- Vue項目不能使用localhost:8xx0進(jìn)入項目，但是將localhost替換為127.0.0.1卻可以進(jìn)入。解決辦法：進(jìn)入文件C:WindowsSystem32driversetchosts用記事本打開 hosts 文件進(jìn)行編輯，看看文件里是否有127.0.0.1 localhostloca...
- 日期：2022-12-06
- 瀏覽：182
- 標(biāo)簽： Vue
-
- 詳解為什么Vue中不要用index作為key(diff算法)
- 前言Vue 中的 key 是用來做什么的？為什么不推薦使用 index 作為 key？常常聽說這樣的問題，本篇文章帶你從原理來一探究竟。另外本文的結(jié)論對于性能的毀滅是針對列表子元素順序會交換、或者子元素被刪除的特殊情況，提前說明清楚，噴子繞道。本篇已經(jīng)收錄在 Github 倉庫，歡迎 Star：ht...
- 日期：2023-01-28
- 瀏覽：172
- 標(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)框加入退出動畫，進(jìn)入的動畫效果是有的，可是退出的動畫就沒有了。寫個簡單的結(jié)構(gòu)：<div class='<strong>mask</strong>' v-show='warning'><br><transition name='...
- 日期：2022-12-12
- 瀏覽：103
- 標(biāo)簽： Vue
-
- Vue select 綁定動態(tài)變量的實例講解
- 概述根據(jù)后臺的數(shù)據(jù)生成多個select，由于數(shù)據(jù)的數(shù)量不定，所以v-model綁定的變量名也不定。所以通過數(shù)據(jù)的id或者下標(biāo)進(jìn)行變量拼接。頁面能夠成功渲染，但是當(dāng)進(jìn)行下拉框的選值時，組件不刷新，選中的結(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進(jìn)行一定的覆蓋，來改變其樣式。在修改Element樣式時，遇到...
- 日期：2022-11-14
- 瀏覽：129
- 標(biāo)簽： Vue
-
- 解決vue頁面刷新，數(shù)據(jù)丟失的問題
- 在做vue項目的過程中有時候會遇到一個問題，就是進(jìn)行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
-
- vue實現(xiàn)帶放大鏡的搜索框
- 本文實例為大家分享了vue實現(xiàn)帶放大鏡的搜索框，供大家參考，具體內(nèi)容如下字體圖標(biāo)在input單標(biāo)簽中的用法：第一步，先在main.js 中全局引入iconfont圖標(biāo)；第二步，給input 標(biāo)簽動態(tài)綁定一個屬性，設(shè)置值為data中的變量；第三步，將字體圖標(biāo)代碼中的 &#x 改為 u代碼如下：...
- 日期：2023-12-11
- 瀏覽：14
- 標(biāo)簽： Vue
-
- vue實現(xiàn)購物車功能（商品分類）
- 本文實例為大家分享了vue實現(xiàn)購物車功能的具體代碼，供大家參考，具體內(nèi)容如下new Vue({ el: '#app', data: { cIndex: 0, lists: [ { title: '推薦商品', goods: [ { id: 0, img: ’./images/goo...
- 日期：2023-01-25
- 瀏覽：34
- 標(biāo)簽： Vue
-
- 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)安備