原创 vue3 setup中使用await頁面空白解決辦法
<Suspense> // 用Suspense包裹子組件 <AsyncComponent/ > </Suspense> 官方介紹-----
2022-01-11 14:30:35
5
原创 vue3 setup方法
setup 組合式API ----------官方定義：通過創建 Vue 組件，我們可以將界面中重複的部分連同其功能一起提取爲可重用的代碼段。僅此一項就可以使我們的應用在可維護性和靈活性方面走得相當遠。然而，我們的經驗已經證明，光靠這一點
2022-01-11 14:30:35
2
原创 vue 3 Teleport
我們在做vue2項目的時候，往往彈窗設置都挺負責的需要各種z-indx，而vue3推薦的做法是使用Teleport <!-- index.html--> <body> <div id="app"></div> <
2022-01-11 14:30:15
原创 vuex 引入所有模塊
import { createStore } from 'vuex' import getters from './getters' // 自動引入 const modules = {} const requireStore = req
2022-01-11 14:30:15
原创 vue3 $parent獲取父組件的方法和值
import { defineAsyncComponent, ref, provide } from 'vue'; // 父組件 const emit = defineAsyncComponent(() => import('..
2021-12-21 14:16:01
1
原创 echart立體柱狀圖
var MyCubeRect = echarts.graphic.extendShape({ shape: { x: 0, y: 0, }, buildPath: function
2021-12-16 14:21:55
原创 vue項目打包壓縮
vue項目打包壓縮 vue-cli-service build --report 打包完成會產生report.html 通過這個文件可以得知項目體積以及個個依賴大小，打包完成後開啓nginx壓縮 安裝壓縮包 npm i compressi
2021-12-13 14:21:27
原创 async錯誤處理
(async () => { const fetchData = () => { return new Promise((resolve, reject) => { setTimeout((
2021-12-02 14:16:23
原创 解決代碼中大量if/else
在編寫 JS 代碼時，經常會遇到邏輯判斷複雜的情況。一般情況下，可以用 if/else 或 switch 來實現多個條件判斷，但會出現一個問題：隨着邏輯複雜度的增加，代碼中的 if/else 和 switch 會越來越臃腫 if (s
2021-08-31 14:16:08
原创 js數組對象去重求和
let newArr = [] allMonth.forEach(el=> { const res = newArr.findIndex(ol=> {
2021-08-19 14:16:21
原创 下拉搜索框(兼容ie8)
github上找到的然後自己稍微改了一下，省的後面要找找不到 地址 // 搜索下拉框 var flag = true ; (function(root, factory) { if (typeof exports === 'obj
2021-06-09 14:15:36
原创 小程序App ios底部黑線遮擋問題
只需要加上這幾個css就好了 bottom: 0; box-sizing: content-box; padding-bottom: constant(safe-area-inset-bot
2021-04-01 14:15:42
原创 VUEX刷新頁面參數丟失的問題
App.vue文件夾加入以下代碼 created() { //在頁面加載時讀取sessionStorage裏的狀態信息 if (localStorage.getItem("store") ) { thi
2021-03-22 18:35:47
原创 vuex輔助函數mapState, mapActions, mapMutations寫法
在講解這些屬性之前，假如我們項目的目錄的結構如下： ### 目錄結構如下： demo1 # 工程名 | |--- dist
2021-03-22 18:35:47
7
原创 vue axios全局login
// main.js const httpInstance = axios.create({ baseURL: '/api' }) //請求攔截 httpInstance.interceptors.request.use(config
2021-03-22 18:35:29
2