自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080

vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080

2023-01-29 10:22:58 684

原创 vue导出elementui表格为excel表格 删除操作列按钮

vue导出elementui表格为excel表格 删除操作列按钮

2023-01-06 10:54:42 736

原创 vue导出elementui的excel表格数据重复问题

vue导出elementui的excel表格数据重复问题

2023-01-05 17:06:24 477

原创 vue设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/

vue设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/

2022-11-08 16:51:22 455

原创 设置elementui表格的上下左右滚动条

elementui表格设置上下左右滚动条样式

2022-11-08 16:48:49 947

原创 设置elementui表格的上下左右滚动条

elementui表格设置上下左右滚动条样式

2022-10-25 13:38:07 2749

原创 解决vue脚手架默认打开浏览器0.0.0.0:8081

解决vue脚手架项目启动后打开浏览器0.0.0.0:8081

2022-09-22 19:02:42 608

原创 上传4个文件,通过文件悬停右端的删除键删除其中一个文件,然后提交,结果提交了4个文件

上传文件三个,移除一个然后提交 显示上传三个

2022-09-07 17:18:45 132

原创 element 表格表头字段加红色星号 表示必填项

element表格表头字段添加红色星号表示必填项

2022-09-07 11:03:38 1333

原创 前端删除elementui表格选中行数据

前端删除elementui表格选中行数据

2022-08-31 16:23:39 2781 1

原创 vscode新建代码用户片段

vscode新建代码用户片段目的为了以后方便开发,快捷输出全局代码片段。打开vscode 点击“文件”>“首选项”>“用户片段”,点击“新建全局代码片段文件”,按需求输入自己想输入的用户代码片段。{ // Place your vue-basic 工作区 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add com

2021-12-31 10:22:45 947

原创 卸载重装jdk

卸载重装jdk1.删除Java的安装目录。在cmd中输入java -verbose查找jdk安装路径。在windows10搜索框输入"控制面板",打开"程序和功能",找到jdk相关程序右击卸载。2.删除系统变量中JAVA_HOME。在windows10搜索框输入"系统变量",打开"编辑系统环境变量",找到JAVA_HOME删除。找到系统变量→删除 CLASSPATH 变量找到系统变量→寻找 Path 变量→编辑删除里面的 %JAVA_HOME%\bin; 和 %JAVA_HOME%\jre\bin;

2021-11-11 15:52:00 3523

原创 安装mysql 2021-11-11

Windows 上安装 MySQLWindows 上安装 MySQL 相对来说会较为简单,最新版本可以在 MySQL 下载 中下载中查看(更详细安装:Windows 上安装 MySQL)。压缩包下载地址:https://dev.mysql.com/downloads/mysql/exe安装模式教程:https://www.runoob.com/w3cnote/windows10-mysql-installer.html点击 Download 按钮进入下载页面,点击下图中的 No thanks, j

2021-11-11 11:19:11 72

原创 卸载重装tomcat 2021-11-09

卸载重装tomcat8、mysql5、jdk1.8卸载重装tomcat8日期2021-11-09一、卸载重装tomcat8第一步、卸载tomcat8在windows10搜索框输入“控制面板”找到控制面板,点击控制面板打开控制面板。点击程序(卸载程序),找到tomcat8,右击卸载。第二步、删除相关注册表。快捷键[win+R]呼出”运行“,输入"regedit"并按回车键,点击同意调出注册表管理界面,按下[ctrl+F],输入"tomcat"进行逐项查找并逐项删除即可。第三步、以管理员

2021-11-09 16:14:08 4282

原创 webpack.config.js丑化bundle.js节省空间 uglifyjs-webpack-plugin插件

const UglifyjsWebpackPlugin =require('uglifyjs-webpack-plugin') //插件 plugins: [ //添加版权 new webpack.BannerPlugin("@最终版权归尚振华所有"), new HtmlWebpackPlugin({ template: "index.html" }), //丑化bundle.js

2021-04-14 17:17:20 209

原创 webpack.config.js 配置将index.html打包到dist文件夹

const HtmlWebpackPlugin = require("html-webpack-plugin") //插件 plugins: [ //添加版权 new webpack.BannerPlugin("@最终版权归尚振华所有"), new HtmlWebpackPlugin({ template: "index.html" }) ]这样dist文件夹里就有index.html文件了.

2021-04-14 16:47:01 318

原创 webpack打包bundle.js的版权插件plugin

const path = require("path")const webpack = require("webpack")module.exports = { entry: "./src/main.js", output: { path: path.resolve(__dirname, "dist"), filename: "bundle.js", publicPath: "dist/" }, module: {

2021-04-14 16:29:59 130

原创 webpack中loader版本过新导致的错误

file-loader和url-loader版本过新和webpack版本不兼容 重新在package.json里改一下两个loader的版本就行了

2021-04-13 21:06:30 158

原创 用vscode ES6模块化开发中 <script type=‘module‘>报错

解决办法 vscode打开index.html以服务器模式打开

2021-04-12 16:12:55 1262

原创 前端ES6中export和export default的区别

前端ES6中export和export default的区别两种写法第一种用export default时,后面的导入 import语句不加大括号;第二种只用export时,后面的导入 import语句要加大括号。export default命令用于指定模块的默认输出。一个模块只能有一个默认输出,所以export default命令只能使用一次。所以,import命令后面才不用加大括号,因为唯一对应export default命令。...

2021-04-12 15:04:56 364

原创 elementui表格设置每行的行高

给elementui的表格设置个类名这样就可以了

2021-03-24 15:51:15 2023

转载 vue作用域插槽的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-03-05 15:24:28 127

原创 vue v-model修饰符

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-03-05 14:07:37 77

转载 vue计算属性的缓存

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2021-03-05 14:06:50 108

转载 vue子组件往父组件传值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-03-05 14:05:51 53

原创 vue父子组件通信案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-03-05 14:04:23 84

原创 vue 父组件访问子组件的数据和方法$children 和 $refs

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-03-05 14:03:34 140

原创 vue 插槽 slot的基本使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t..

2021-03-05 14:02:13 58

原创 vue li点击变色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &..

2021-02-23 15:07:50 617

原创 echarts渲染多个series

for (let i = 0; i < this.echartsData.MainData.length; i++) { this.series.push({ name: this.echartsData.MainData[i].name, data: this.echartsData.MainData[i].data, type: "bar", stack: "基因序列", barWidth: 10...

2021-02-02 15:19:14 1112

原创 el-table 单元格插入按钮组el-radio-group

html代码 <el-table :data="ruleForm.tabData" border style="width:100%;overflow-y:auto;" :row-style="{ height:'35px'}" > <el-table-column prop="num" label="序号">

2021-01-14 14:46:16 2557

原创 关于background和backgroundColor

let allli = document.getElementById("lowqUL").getElementsByTagName("li"); for (var i = 0; i < allli.length; i++) { allli[i].style.backgroundColor = ""; } for (var i = 0; i < this.lowArray.leng...

2020-12-15 14:52:54 685 1

原创 变量提升导致报错找不到变量

for (var i = 0; i < this.lowArray.length; i++) { var ali = document.getElementById("li" + this.lowArray[i]); if (ali != null) { ali.style.backgroundColor = "yellow"; } } //如果不加if就会报错 找不到ali

2020-12-03 15:29:34 227

原创 Uncaught (in promise) TypeError: Cannot read property ‘indexOf‘ of undefined

vue Uncaught (in promise) TypeError: Cannot read property ‘indexOf’ of undefined原因为函数声明重复

2020-11-24 10:52:53 1964

原创 Elementui 左侧导航栏自定义渲染

<template> <div class="doctorNav"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#324157" text-color="#bfcbd9" active-text-color="#20a0ff" u

2020-11-13 11:07:43 820

原创 elementui表格边框全部变成黑色

/deep/ .el-table--border th, td { border: 1px solid #000 !important; border-right: none; } /deep/ .el-table__row td { border: 1px solid #000 !important; border-right: none; } .el-table::before ...

2020-10-29 13:05:13 1638

原创 vue导出pdf

1.安装插件 jspdf html2canvas //第一个.将页面html转换成图片 npm install --save html2canvas //第二个.将图片生成pdf npm install jspdf --save2、创建htmlToPdf.js文件//分页import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default { install (Vue, opt

2020-10-28 16:57:34 236

原创 vue+elementui批量上传文件

html代码 <div class="BatchUpload"> <div class="aa" style="float:left;width:10%;height:100px;"> <el-upload class="upload-demo" action="#" :on-preview="handlePreview" :on-remove="handleRemo

2020-09-25 15:00:51 927 1

原创 vue+elementui表格每行下载pdf

html代码<el-table-column label="操作" width="230"> <template slot-scope="scope"> <el-button type="success" size="mini" @click="down(scope.row)">下载</el-button> </template></el-table-column>js代码 //下载

2020-09-25 14:43:45 636

原创 ElementUI移除已选择的照片

elementui的上传图片,看一下源代码:<el-upload action="#" list-type="picture-card" :auto-upload="false" ref="uploadImg"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> <img .

2020-09-07 14:33:58 1226

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除