原创 vuecli中配置可選鏈操作符兼容

// 安裝依賴 npm install @babel/plugin-proposal-optional-chaining -S // @babel/plugin-proposal-nullish-coalescing-operator

原创 vscode配置格式化

// vscode配置prettier無效 解決: // 1.安裝Prettier - Code formatter插件,將默認格式化方式選爲prettier // 2.根目錄下創建.prettierrc文件,內容如下 { "prin

原创 window下啓動本地easymock

1.安裝 Node.js(>= v8.9)& MongoDB(>= v3.4)& Redis(>= v4.0) 安裝MongDB https://www.runoob.com/mongodb/mongodb-window-install.h

原创 element ui表格的校驗和自定義校驗規則

<template> <div> <el-form :model="tableForm" ref="tableForm"> <el-table :data="tableForm.tableData"

原创 react 懶加載和錯誤邊界

import React, {Component,lazy, Suspense} from 'react' const About = lazy(() => import(/*webpackChunkName: 'about'*/'./c

原创 react 跨組件傳遞參數

第一種: import React, {Component, createContext, useContext} from 'react' const Context = createContext() function Mid

原创 element el-switch切換前先確認

// 設置禁用<el-switch v-model="scope.row.switch" disabled @click.native="changeSwitch(scope.row)"></el-switch>     changeS

原创 搭建react項目,react+antd按需加載和less配置

全局安裝create-react-app npm install -g create-react-app   創建項目 yarn create react-app react-antd-demo   安裝antd包 yarn ad

原创 element table 單選

// element table ,每次只能選一個@selection-change="selectChange" selectChange (val) { if (val.length > 1) {

原创 修改部分數據視圖

對象 data:{obj:{name:'張三'}} setVal(){ this.setData({ ["obj.name"]: ‘李四’ }) }  數組: data: { category_list

原创 去除所有空白符

去除所有空格,換行符 name.replace(/\s+/g,"")  

原创 表格打印

使用print-js庫 1.普通表格 printJS({ printable: id, // DOM id type: 'html', scanStyles: false, }) 2.element-ui表格打印

原创 webuploader多次觸發註冊

平時在開發中遇到上傳需求,可能會使用到webuploader,但是需求現狀可能是,在上傳的傳參需要先從後臺獲取數據,這時候解決方案參考如下,如果封裝多次調用的話,需要先unRegister WebUploader.Uploader.unR

原创 頁面權限控制和登陸驗證

一、頁面權限控制 1)思路:在每一個路由的meta屬性內,將能訪問該路由的角色配置到roles內,用戶登錄的時候,返回用戶的角色,在全局路由守衛內,把要跳轉的路由的roles和用戶的roles做下比對,,如果用戶的roles包含在路由的ro

原创 前進刷新後退不刷新

1.當從詳情頁退回列表頁的時候,有時候不希望列表頁刷新 // newsList 是list.vue內name屬性<keep-alive include="newsList"> <router-view/> </keep-alive>