文章列表
-
- 解決vue 給window添加和移除resize事件遇到的坑
- 在vue項(xiàng)目中需要監(jiān)聽(tīng)window窗口變化來(lái)時(shí)時(shí)計(jì)算圖片的高度，于是就加了一個(gè)監(jiān)聽(tīng)事件；確實(shí)監(jiān)聽(tīng)到了，但是在離開(kāi)當(dāng)前頁(yè)面進(jìn)入其他頁(yè)面改變窗口大小時(shí)發(fā)現(xiàn)window還是處于監(jiān)聽(tīng)狀態(tài)，即移除監(jiān)聽(tīng)事件并沒(méi)有生效。 //之前的寫(xiě)法，這樣寫(xiě)移除監(jiān)聽(tīng)事件無(wú)效 mounted(){ window.add...
- 日期：2022-12-31
- 瀏覽：208
- 標(biāo)簽： Vue
-
- Vue的props父?jìng)髯拥氖纠a
- 廢話不多少，父?jìng)髯幼鲆粋€(gè)比喻首頁(yè)想加一個(gè)圖片，但又不想每次都用img而且又讓img做css和動(dòng)畫(huà)事件。此時(shí)最簡(jiǎn)單的方法做一個(gè)頁(yè)面封裝，然后起一個(gè)名字讓首頁(yè)自己獲取，放一個(gè)地址就行！其他什么都不用管。步驟如下:第一步:創(chuàng)建一個(gè)組件，相當(dāng)于創(chuàng)意文件夾，專門存小東西以后經(jīng)常用<template>...
- 日期：2023-01-20
- 瀏覽：113
- 標(biāo)簽： Vue
-
- vue實(shí)現(xiàn)一個(gè)6個(gè)輸入框的驗(yàn)證碼輸入組件功能的實(shí)例代碼
- 要實(shí)現(xiàn)的功能：完全和單輸入框一樣的操作，甚至可以插入覆蓋：1，限制輸入數(shù)字2，正常輸入3，backspace刪除4，paste任意位置粘貼輸入5，光標(biāo)選中一個(gè)數(shù)字，滾輪可以微調(diào)數(shù)字大小，限制0-96，123|456 自動(dòng)覆蓋光標(biāo)后輸入的字符，此時(shí)光標(biāo)在3后，繼續(xù)輸入111，會(huì)得到123111，而不用...
- 日期：2023-01-11
- 瀏覽：169
- 標(biāo)簽： Vue
-
- Vue 實(shí)現(xiàn)對(duì)quill-editor組件中的工具欄添加title
- 前言：quill-editor組件中的工具欄都是英文，而且最難受的時(shí)沒(méi)有title提示，要怎樣給他添加title，并且是中文的title提示呢？一、創(chuàng)建一個(gè)quill-title.js文件①、在其中插入以下代碼const titleConfig = { ’ql-bold’:’加粗’, ’ql-col...
- 日期：2022-12-19
- 瀏覽：220
- 標(biāo)簽： Vue
-
- Vue select 綁定動(dòng)態(tài)變量的實(shí)例講解
- 概述根據(jù)后臺(tái)的數(shù)據(jù)生成多個(gè)select，由于數(shù)據(jù)的數(shù)量不定，所以v-model綁定的變量名也不定。所以通過(guò)數(shù)據(jù)的id或者下標(biāo)進(jìn)行變量拼接。頁(yè)面能夠成功渲染，但是當(dāng)進(jìn)行下拉框的選值時(shí)，組件不刷新，選中的結(jié)果并沒(méi)有展示Code<div v-for='(item, index) in tagAllD...
- 日期：2022-11-14
- 瀏覽：277
- 標(biāo)簽： Vue
-
- Vue+Vuex實(shí)現(xiàn)自動(dòng)登錄的知識(shí)點(diǎn)詳解
- 在之前實(shí)現(xiàn)的版本中，如果你進(jìn)行測(cè)試，可以看到在瀏覽器的local Storage中，確實(shí)里面有了我們加入的Authorization,而且如果沒(méi)有登錄的話，直接訪問(wèn)主頁(yè)會(huì)進(jìn)入登錄頁(yè)面。但其實(shí)有好幾個(gè)問(wèn)題并沒(méi)有解決：一、我們所加的Authorzation其實(shí)并不是從服務(wù)器傳過(guò)來(lái)的，而是自己的測(cè)試：只要...
- 日期：2023-02-03
- 瀏覽：164
- 標(biāo)簽： Vue
-
- vue實(shí)現(xiàn)簡(jiǎn)單瀑布流布局
- vue簡(jiǎn)單實(shí)現(xiàn)瀑布流布局的一種方式（vue瀑布流組件），供大家參考，具體內(nèi)容如下vue中的瀑布流布局組件需求：圖片容器寬度固定，高度根據(jù)圖片自適應(yīng)，圖片一行不能排列時(shí)候，換行依次從左往右排列。（瀑布流概念）另外結(jié)合vue-lazy實(shí)現(xiàn)懶加載 （ npm i vue-lazyload --save-d...
- 日期：2023-02-01
- 瀏覽：162
- 標(biāo)簽： Vue
-
- 解決VUE-Router 同一頁(yè)面第二次進(jìn)入不刷新的問(wèn)題
- 最近正好遇到一個(gè)問(wèn)題，修改用戶的頭像，修改后再進(jìn)入用戶主頁(yè)，發(fā)現(xiàn)改了之后即使數(shù)據(jù)變了。。頁(yè)面也不會(huì)重新渲染。。。下面提供幾種解決方案來(lái)給予大家參考：1. 可以在刷新的頁(yè)面定義一個(gè)參數(shù), 這樣每次都會(huì)渲染出不同的頁(yè)面：route 實(shí)例化命名配置：{ // 用戶信息 path: ’/accoun...
- 日期：2022-12-31
- 瀏覽：205
- 標(biāo)簽： Vue
-
- vue-video-player視頻播放器使用配置詳解
- 本文實(shí)例為大家分享了vue-video-player視頻播放器的使用配置，供大家參考，具體內(nèi)容如下1、安裝npm install vue-video-player -save2、在main.js中添加import VueVideoPlayer from ’vue-video-player’ // 視...
- 日期：2022-11-13
- 瀏覽：268
- 標(biāo)簽： Vue
-
- 在vue中使用vant TreeSelect分類選擇組件操作
- 中文文檔：TreeSelect 分類選擇效果展示： //先在你需要的頁(yè)面中引入，第一個(gè)是彈出層,第二個(gè)是選擇的 import { Popup } from 'vant'; import { TreeSelect } from 'vant';代碼部分： <van-popup v-model='p...
- 日期：2022-11-07
- 瀏覽：148
- 標(biāo)簽： Vue
排行榜
網(wǎng)公網(wǎng)安備