文章列表
-
- vue中實現圖片壓縮 file文件的方法
- 項目中遇到上傳圖片需要在前端進行圖片壓縮，將我的實現思路記錄一下。（我已經拿到上傳的file文件的前提下）先創建一個公用的js，這里我的是api.js，里面封裝一些常用的方法將圖片壓縮的方法寫到這個公用的js（api.js）中//base64轉碼（壓縮完成后的圖片為base64編碼，這個方法可以將b...
- 日期：2023-01-18
- 瀏覽：71
- 標簽： Vue
-
- 在vue中使用Echarts畫曲線圖的示例
- 現實的工作中, 數據不可能寫死的，所有的數據都應該通過發送請求進行獲取。所以本項目的需求是請求服務器獲得二維數組，并生成曲線圖。曲線圖的橫縱坐標均從獲得的數據中取得。Echarts官方文檔：https://ecomfe.github.io/echarts-doc/public/en/index.ht...
- 日期：2022-11-17
- 瀏覽：66
- 標簽： Vue
-
- vue項目中自定義video視頻控制條的實現代碼
- 最近公司項目中，添加了視頻模塊，但是產品覺得Video自帶的控制條有點LOW，于是自己設計了一個。于是開始了自定義Video控制的采坑之旅。。首頁效果圖：需求描述：當鼠標放在圖片上的時候，自動播放視頻，并顯示預覽進度條，當鼠標移開，顯示預覽圖片，再次hover圖片，繼續上次播放視頻詳情頁的效果圖： ...
- 日期：2023-01-24
- 瀏覽：83
- 標簽： Vue
-
- vue實現五子棋游戲
- 本文實例為大家分享了vue實現五子棋游戲的具體代碼，供大家參考，具體內容如下思路1.vue實現五子棋空棋盤開局。畫網格：網格有 15 行 15 列，共有 225 個交叉點黑先、白后，交替下子，每次只能下一子勝負判定按照簡單的規則，從當前下子點位的方向判斷()。如果有一個方向滿足連續5個黑子或白子，游...
- 日期：2023-01-18
- 瀏覽：102
- 標簽： Vue
-
- vue實現購物車案例
- 本文實例為大家分享了vue實現購物車的具體代碼，供大家參考，具體內容如下<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' cont...
- 日期：2023-01-17
- 瀏覽：78
- 標簽： Vue
-
- 快速了解Vue父子組件傳值以及父調子方法、子調父方法
- 稍微總結了一下Vue中父子間傳值以及相互調方法的問題，非常基礎、希望可以幫到你！先來個最常用的，直接上代碼：1、父傳值給子組件父組件：<template> <div> <p class='father'>父組件</p> <child :sid...
- 日期：2023-01-07
- 瀏覽：80
- 標簽： Vue
-
- 解決vue的router組件component在import時不能使用變量問題
- webpack 編譯es6 動態引入 import() 時不能傳入變量，例如dir =’path/to/my/file.js’ ； import(dir) , 而要傳入字符串 import(‘path/to/my/file.js’)，這是因為webpack的現在的實現方式不能實現完全動態。但一定要用...
- 日期：2022-12-27
- 瀏覽：11
- 標簽： Vue
-
- vue實現折線圖 可按時間查詢
- 本文實例為大家分享了vue實現可按時間查詢的折線圖的具體代碼，供大家參考，具體內容如下1.vue前端//查詢條件<template><el-date-picker v-model='listQuery.toptime' :picker-options='pickerOptions'...
- 日期：2022-12-04
- 瀏覽：105
- 標簽： Vue
-
- ant design vue datepicker日期選擇器中文化操作
- 按照ant design vue官方說明，使用日期選擇器需要在入口文件(main.js)全局設置語言：// 默認語言為 en-US，如果你需要設置其他語言，推薦在入口文件全局設置 localeimport moment from ’moment’;import ’moment/locale/zh-c...
- 日期：2022-11-10
- 瀏覽：7
- 標簽： Vue
-
- vue+vant 上傳圖片需要注意的地方
- <van-uploader v-model='fileList' multiple :after-read='afterRead' :max-count='1' />1:上傳文件流，提交的模式 肯定得 form-data模式2：上傳的文件file 做出處理我這里做的只能選擇一張after...
- 日期：2022-10-13
- 瀏覽：33
- 標簽： Vue
排行榜
網公網安備