原创 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>