Vue.js
-
共用彈框之新增編輯（二）-封裝的wangeditor富文字元件
共用彈框之新增/編輯（二）-封裝的wangeditor富文字元件 封裝的wangeditor富文字元件...
-
vue 訊息匯流排解耦 bus.$on(), bus.$emit(), bus.$off
bus 是一個 Vue 物件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
-
2021-10-29 H5、vue 移動標尺封裝
H5移動標尺 <template xmlns:v-touch="http://www.w3.org/1999/xhtml"> <div> <div style="text-align: center;color: #FF5E3A;margin-top: 11px;margin-bottom: 24px;font-size: 16...
-
在vue中用自定義指令實現el-dialog拖拽事件
首先新建一個directive.js文件 然後在mian.js中引入 然後我們就可以在directive.js中編寫我們的自定義指令了...
-
使用elementui的Loading設定自己想要的圖片或gif動畫…
閱讀使人充實，會談使人敏捷，寫作與筆記使人精確。 —— 培根 ——————————————-s——————————————...
-
Antdesign a-modal自定義指令實現拖拽放大縮小
import Vue from \'vue\' // v-dialogDrag: 彈窗拖拽 Vue.directive(\'dragModal\', { bind(el, binding, vnode, oldVnode) {...
-
uniapp的進度條自定義
效果圖 程式碼實現 <u-line-progress :percentage="40"> <view class="u-percentage-slot" activeColor="#21C9A0">...
-
vue3數字滾動動畫
vue3數字滾動動畫 1.新建元件vue-countTo.vue2.引入animationFrame.js3.頁面上使用 1.新建元件vue-countTo.vue...
-
VsCode提示“TypeScript intellisense is disabled on template.”警告
問題描述 在Vscode中使用Volar外掛開發Vue3+TypeScript時，在vue檔案的template標籤上提示警告字樣。...
-
Vue3 使用mitt實現兄弟元件通訊
目錄 1、新建mitt.js檔案 2、訊息源 元件 3、目標 元件 4、測試結果 1、新建mitt.js檔案...
-
Vue中img動態拼接:src圖片地址
Vue中img動態拼接:src圖片地址 使用場景：根據後端返回圖片標記來匹配本地圖片資源 例如：根據後端返回k1標記，前端生成assets/images/inventory/k1.png圖片資源路徑...
-
Router動態路由
新增路由 router.addRoute({ path: \'/about\', component: About }) 新增巢狀路由 router.addRoute({ name: \'admin\', path: \'/admin\', component: Admin })...
-
p18 018檔案上傳及雲端儲存
018檔案上傳及雲端儲存 1 修改index.vue 此程式碼可以上傳檔案 進入C:\\htmlstudy\\weixin\\todos\\src\\components下的檔案...
-
Vue，Uni作用域插槽的使用，以及如何在插槽傳出引數
提示：文章寫完後，目錄可以自動生成，如何生成可參考右邊的幫助文件 文章目錄...
-
element ui日期元件
對日期進行了預處理（將起始的預設時間設定為當前時間，結束時間的預設時間設定為往一個月後），即使是點選了時間也不會報錯 執行圖效果vue檔案...
