⑧o年崋日常记录

【代码】vue项目eslint配置 以及 解释。

el-table数据相同合并行。

多规格及多规格值动态生成表格

一、页面打开顺序 页面顺序: A菜单 A详情1 A详情2 从 A菜单 ->A详情2缓存: A 打开 详情1 详情1 打开 详情2 详情2 打开 缓存 A 缓存 详情1 缓存 详情2 详情1获取新数据 详情2获取新数据 从详情2-> A菜单 缓存: 详情2 返回 详情1 详情1 返回 A菜单 显示详情1的缓存 显示A菜单的缓存 同级菜单之间切换不缓

const version = new Date().getTime();module.exports = {configureWebpack: { output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename:`static/js/[name].${defaultSettings.version}.${version}.js`, chunkFilename: `static/js/[name].${d

/** * 把扁平数据转成树型结构数据(可以实现无限层级树形数据结构，只适用于单个表的数据) * @param source 源数据 * @param id 对应id字段名称 * @param parentId 对应parentId字段名称 * @param children 对应children字段名称 */Vue.prototype.$treeDataFormat = function(source, id, parentId, children){ let cloneData =

把element查看组件代码的组件给提取出来,用到自己项目中…具体使用请到下面文章中查看跳转

pc录入数据,同时实现手机端显示样式<div class="h5-container"> <div class="h5-viwer-box"> --写自己要显示的样式 </div></div>.h5-container { width: 300px; height: 640px; margin: 0 auto; background-size: contain; -moz-background-siz

最近做项目用到了el-cascader 功能,编辑的时候默认选中节点后,下级节点不不出来了.好像是项的点击事件失效了后面想到的办法是把点击展开下级改成鼠标移上去显示(expandTrigger:‘hover’)

最近项目要用到图片裁剪功能,所以自己结合vue-cropper及网上列子写了个组件1、界面呈现2、安装vue-croppernpm install vue-cropper --save-dev3、新建界面lzg-img-cropper<template> <el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" :close-on-press-escape="f

基于vue+element开发前端时,封装的一些组件安装npm i lzg-ctrl组件介绍lzg-button 按钮控件# Attributes（属性）属性 | 说明 | 类型 | 默认值code | 编码 | String | ""label | 名称 | String | ""type | 类型 | String | "primary"icon | 图标 | String | ""loading | 加载状态 | Boolean | falseupload |

前言平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx一 安装scp2scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。而ssh2就是一个使用nodejs对于S

<el-dialog custom-class="lzg-dialog-height" > </el-dialog>.lzg-dialog-height{ width: 70%; top: 7%; right: 15%; bottom: 7%; left: 15%; transform: translate(0%, 0%);}.lzg-dialog-height .el-dialog__body{ top: 0; right:.

module.exports = { "root": true, "parserOptions": { "parser": "babel-eslint", "sourceType": "module" }, "env": { "browser": true, "node": true, "es6": true }, "extends": ["plugin:vue/recommended"], // add your custom rules here // it is

<div id="app"> <el-button type="primary" v-on:click="submitForm('ruleForm')">测试</el-button> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-table :data="ruleForm.tab

代码 paperConfig:{ type:3, title: '阅卷', visible: true, paperData:{ //试卷ID paperId:'1', //试卷名称 paperName: '测试试卷',...

初始化paperData:{ //试卷ID paperId:'1', //试卷名称 paperName: '测试试卷', //考生ID examineId:'1000', //考生名称 examineName: '张三', ...

查询条件及列表都是动态配置界面:使用: <el-input v-model="name" readonly class="input-with-select"> <el-button slot="append" icon="el-icon-do...

load-comp.vue

var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天本周的第几天var nowDay = now.getDate(); // 当前日var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年nowYear += nowYear < 2000 ? 1900 : 0;const format = time => { l

记录下import Vue from "vue";import axios from "axios";import { MessageBox, Message } from "element-ui";import store from "@/store";import qs from "qs";// create an axios instanceconst service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, /

<template> <el-form ref="form" :rules="rules" :model="form" label-width="80px" > <el-row> <el-col :span="10" :offset="1"> <el-form-item label="证书" prop=...

在项目开发中，我们的项目一般分为开发版、test版、dev版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或uat版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了。项目分环境打包第1步：安装cross-envcross-env能跨平台地设置及使用环境变量。大多数情况下，在win...