- 博客(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设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/
vue设置启动项目自动打开浏览器后出现http://0.0.0.0:8081/
2022-11-08 16:51:22 455
原创 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
转载 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关注的人