文章列表
-
- Vue組件為什么data必須是一個函數
- 前言我們需要先復習下原型鏈的知識，其實這個問題取決于 js ，而并非是 vue 。function Component(){ this.data = this.data}Component.prototype.data = { name:’jack’, age:22,}首先我們達成一個共識（沒有...
- 日期：2023-01-13
- 瀏覽：81
- 標簽： Vue
-
- Vue如何提升首屏加載速度實例解析
- 在Vue項目中，引入到工程中的所有js、css文件，編譯時都會被打包進vendor.js，瀏覽器在加載該文件之后才能開始顯示首屏。若是引入的庫眾多，那么vendor.js文件體積將會相當的大，影響首屏的體驗。這是優化前的頁面加載狀態：執行npm run build打包項目，出來的vendeor.js...
- 日期：2023-01-11
- 瀏覽：67
- 標簽： Vue
-
- vue監聽dom大小改變案例
- 需求描述：layout左邊菜單欄收縮，右邊的content區域的swiper寬度沒有改變（沒有圖，朋友的問題，大體畫一下）類似于點擊折疊左邊目錄會變小，右邊內容區域會變大，但是swiper在剛開始的時候就確定了寬度，所以我的想法是監聽右邊寬度大小去updata一下。但是我用vue的watch監聽$r...
- 日期：2022-12-23
- 瀏覽：7
- 標簽： Vue
-
- vue將data恢復到初始狀態 && 重新渲染組件實例
- 1. 將data恢復到初始狀態Object.assign(this.$data, this.$options.data()) // 初始化data這里的 this.$options.data() 作為源對象， this.$data 作為目標對象。源對象覆蓋并合并目標對象中的內容，即有則覆蓋，無則添加...
- 日期：2022-11-29
- 瀏覽：76
- 標簽： Vue
-
- vue + el-form 實現的多層循環表單驗證
- html<el-form :model='formObj' :rules='rules' ref='ruleForm'> <el-form-item :label='’護理記錄項目配置：’' label-width='180px'> <template v-for='...
- 日期：2022-10-24
- 瀏覽：60
- 標簽： Vue
-
- vue使用vue-quill-editor富文本編輯器且將圖片上傳到服務器的功能
- 一、準備工作下載vue-quill-editornpm install vue-quill-editor --save 或者 yarn add vue-quill-editor二、定義全局組件quill-editor下載好vue-quill-editor后，我們需要定義一個全局組件，把這個組件名字命...
- 日期：2022-10-11
- 瀏覽：19
- 標簽： Vue
-
- 在vue項目實現一個ctrl+f的搜索功能
- 這次在項目中遇到了一個要做一個搜索功能，因為項目是vue的，而且是在手機端，所以對這個搜索功能的實現和能做到什么樣子都沒有底，在網上研究了一會，發現大家的解決方法都各有特色，有引入第三方包的，有遍歷的，確實都可以實現，但我覺得在vue中這樣的方法也太過繁瑣了，于是經過一段時間的查詢與思索后我自己寫了...
- 日期：2023-02-04
- 瀏覽：104
- 標簽： Vue
-
- Vue實現仿iPhone懸浮球的示例代碼
- 懸浮球插件簡單的效果圖：很遺憾，沒找到太好的視頻轉gif的軟件，壓縮出來的大小超過了限制，就不放圖了可以參考其他人的圖，效果一致：簡單實用案例：<!-- 給定一個初始位置position，插槽中填寫想滑動的部分 --><xuanfuqiu :position='position'&...
- 日期：2023-01-31
- 瀏覽：76
- 標簽： Vue
-
- vue+vant使用圖片預覽功能ImagePreview的問題解決
- 如果您搜到這篇文章的話，那員外估計您遇到跟我一樣的問題了，即在打開圖片預覽功能后，如果不關閉預覽的圖片，同時改變路由的話，會發現即使路由改變了，預覽的圖片還在文檔的最頂層顯示，如圖：著實讓員外百思不其解，在調用vant 的 ImagePreview圖片預覽組件中，沒有html，有的只是引入Image...
- 日期：2023-01-27
- 瀏覽：76
- 標簽： Vue
-
- vue-drag-chart 拖動/縮放圖表組件的實例代碼
- vue-drag-chart一個可以拖動 / 縮放的圖表組件使用npm i vue-drag-chart --saveimport VueDragChart from '../src/vue-drag-chart/index.vue'; components: { //注冊插件 VueDragCha...
- 日期：2023-01-27
- 瀏覽：90
- 標簽： Vue
排行榜
網公網安備