原创 css 圖片高度固定,寬度自適應,窗口縮小,圖片兩邊隱藏,始終保持圖片的內容居中

嗯,不知道這個標題說清楚了嗎哈哈哈哈一般自適應,是等比例縮小的,但是我們這個不太一樣,要求高度固定,但是圖片不變形, 比如我們的結構是這樣的 <div class="test"> <img src="./image/list_ba

原创 vue項目中禁止移動端雙擊放大

最近有時間做自己的事了,纔想起來記錄這些事 其實可簡單了一句話的事 找到index.html 的這個代碼 <meta name="viewport" content="width=device-width, initial-scale=1

原创 css 中強制換行後,僞類元素變形,用到的flex-shrink 屬性

之前都沒用過這個屬性,最近做項目遇到一個不同屏幕下可能會換行的問題,設置了強制 不換行,但是僞類元素就沒擠沒了,請教了同事,用到了flex-shrink屬性 然後我就去看了看這個屬性的用法,簡單記錄一下 flex-shrink 屬性指定了

原创 vue3創建項目,vite+js

之前的時候大哥就讓我自己搭架子,但是我拖延症,現在用到了,得自己搭了 我的項目都放到了 VuePorjects這個目錄裏面, 一、先進入到指定工作目錄,(不是你要創建的項目的名稱哈) cd VuePorjects/ 二、創建vue3項

原创 vue 小寫轉大寫方法

好久好久沒更新了啊,其實有好多可以寫的, 但是不知道爲啥不想寫了 方法一: // 輸入的金額進行大寫轉換 function transformation(val) { var fraction = ["角", "分"];

原创 Vue3 點擊複製功能,利用vue-clipboard3

首先安裝插件 vue-clipboard3  npm install vue-clipboard3 --save 然後在頁面裏面引入 <button class="btn" @click="copy()">點擊複製</button> 

原创 elementPlus 分頁實現首頁,尾頁的功能

跪求出一個這個方法吧,自己寫真麻煩,但是也是閒着沒事,寫一個吧   <div class="pagefun">            <!--首頁按鈕 disabled是鼠標禁止狀態 pagenot

原创 Vue3+vant+ts 上滑加載,解決上滑調用多次數據的問題

之前用vue2的時候,寫過vue2的用法,鏈接在這裏點擊跳轉哈,用得挺好的,也沒啥問題,照葫蘆畫瓢的做出來了,但是有問題,下滑之後調用多次數據,按理說 組件通過 loading 和 finished 這倆變量控制加載狀態,當組件滾動到底部時

原创 Vue3 + elementplus 表單驗證+上傳圖片+ 防止表單重複提交

首先,上官網地址 https://element.eleme.cn/#/zh-CN/component/form 首先頁面上面用了彈窗的形式,做完之後長這樣,有全屏,關閉等按鈕,上效果圖和完整代碼!!!!!       <!--點擊新

原创 Vue3 +elementUI + wangEditor 富文本編輯器

哎呀,一個富文本編輯器折騰了我好久啊,剛開始找的就是wangEditor ,但是上傳圖片的調接口,我就尋思找個簡單的,後來換了quill 可以不調接口上傳圖片,但是v-model綁定不了,而且一直報錯,後來換了tinymce,按照網上的教程

原创 elementUI dialog彈窗 :destroy-on-close="true" 失效

ele官網給的描述是這樣的    但是呢,我加了個富文本編輯器,所以關閉的時候沒有清除富文本編輯器的內容,我就加了個  @close="closeDialog" <el-dialog v-model="datadialo

原创 vue ios系統,input輸入框放大

最普遍的方法就是在index.html裏面加這句話 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name='viewport' content='width

原创 IOS系統vue2, 點擊返回上一頁,頁面空白無報錯

最近移了個項目,把頁面所有的東西都移過來了,但是出現了這個問題,就是ios系統,諮詢列表正常,詳情頁也沒問題,返回上一頁之後頁面空白,接口請求了,也沒報錯,用的是go history(-1)的返回方式,這。。。。。。。 而且安卓沒問題,那初

原创 @vue/cli 安裝及'vue' 不是內部或外部命令解決辦法

1、首先安裝@vue/cli npm install -g @vue/cli 提示安裝成功,版本啥的,忘了截圖 2、然後vue -V或者vue --version 查看版本 但是提示'vue' 不是內部或外部命令解決辦法 我以爲得重啓電

原创 Vue url解碼編碼

1、轉碼uncodeURIComponent(url)url:要轉碼的中文文字或者特殊字符返回值就是轉碼之後的字符,頁面跳轉的時候可能會使用 2、解碼 decodeURIComponent(url)url:要解碼的url返回值就是轉碼之後的