vue input输入框 回车会刷新页面解决办法

vue input输入框 回车会刷新页面解决办法

在vue项目开发时,运用element-ui或者iView组件的Form组件;当Form组件中只有一个Input组件时,鼠标聚焦输入框后,点击回车键,页面就会刷新。例如以下代码:

马鲁南 / BUG / 2021年4月2日16:49:4 / 1921 / 1
nginx配置https服务器,多域名访问转发

nginx配置https服务器,多域名访问转发

server { listen 80; server_name admin.zmln1021.cn; location / { root /ruanjian/phpstudy_pro/phpstudy_pro/WWW/blog-admin/dist; index index.html index.htm; } } #include vhosts.conf; map $time_iso8601 $logdate { '~^(?<ymd>\\d{4}-\\d{2}-\\d{2})' $ymd; default 'date-not-found'; } include vhosts/*.conf; # HTTPS server # server { listen 443 ssl; server_name www.zmln1021.cn; ssl_certificate www.crt; ssl_certificate_key www.key; ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; location / { proxy_pass http://127.0.0.1:8090; }

马鲁南 / 前端进阶 / 2021年4月2日16:46:24 / 1032 / 0
前台下载后台返的二进制文件流

前台下载后台返的二进制文件流

response => { if(response.config && response.config.responseType == 'blob') { //type内写请求头的类型 const blob = new Blob([response.data], { type: 'application/octet-stream;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型 let filename = decodeURI(response.headers['filename']); if ('download' in document.createElement('a')) { const downloadElement = document.createElement('a'); let href = ''; if(window.URL) href = window.URL.createObjectURL(bl

马鲁南 / 前端进阶 / 2021年4月2日16:42:49 / 1315 / 1
pm2进程守护常用指令

pm2进程守护常用指令

1、 pm2需要全局安装npm install -g pm22、进入项目根目录2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js2.2 重命名进程/应用 pm2 start app.js --name wb1232.3 添加进程/应用 watch pm2 start bin/www --watch2.4 结束进程/应用 pm2 stop www2.5 结束所有进程/应用 pm2 stop all2.6 删除进程/应用 pm2 delete www

马鲁南 / 前端进阶 / 2021年4月2日16:40:19 / 1958 / 0
vite2+JavaScript+vue3创建配置router+vuex+vite.config.js+axios

vite2+JavaScript+vue3创建配置router+vuex+vite.config.js+axios

vite2+JavaScript+vue3创建配置router+vuex+vite.config.js+axios

马鲁南 / / 2021年4月27日9:53:53 / 1985 / 0
vue3组合api写法整理

vue3组合api写法整理

vue3写法 监听路由watch监听router 使用computed 计算属性使用vuex使用绑定多个v-model注册组件nextTick 在vue3中使用Vue.prototype 替换为 config.globalProperties

马鲁南 / 前端进阶 / 2021年4月27日9:48:55 / 849 / 0
【go语言】从入门到放弃(1)

【go语言】从入门到放弃(1)

开始学习go语言了,前端到后端,后端到全栈,全栈到放弃~

马鲁南 / go语言 / 2021年4月15日8:52:41 / 927 / 0
禁止运行脚本,解决办法

禁止运行脚本,解决办法

nodemon运行 提示错误:无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1,因为在此系统上禁止运行脚本。这是你笔记本禁止运行脚本,解决办法1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned3 选择Y 或者A ,就好了

马鲁南 / BUG / 2021年3月30日13:10:16 / 1385 / 0
PHP,AJAX,cookie,localStorage简单操作笔记

PHP,AJAX,cookie,localStorage简单操作笔记

include'地址'引入公共php mysql_connect('localhost','root','root'); 和mysql建立连接 mysql_select_db('你要查询的哪一个库',数据库连接信息') select*from 表名返回这个表里的所有数据select 字段名 from表名查询表里的所有数据,只返回你需要的字段名select*from表名where条件select*from表名where条件1 and 条件2select*from表名where条件 or 条件2select*from表名where字段 like%'关键字'%

马鲁南 / 前端基础 / 2021年3月30日11:9:21 / 1231 / 0
node.js基础以及sass和gulp(2)

node.js基础以及sass和gulp(2)

$ npm i -g gulp 安装gulp可以运行gulp的指令 检测gulp 项目名称 运行gulpfile.js文件这个文件里面就来书写一些配置项dependencies记载着下载的项目依赖devDependencies记载着开发依赖npm i --save-dev gulp 项目依赖 简写-D直接require(第三方包名) 导入依赖方法gulp.task(参数,函数)创建任务gulp.src('./src/css/*.css')找文件gulp.pipe(方法)管道函数 做事情gulp.dest('./dist/css')放置文件 在管道函数里使用gulp.series()逐个执行任务gulp.parallel()并行执行任务gulp.watch(文件,执行的任务)监控文件 发生改变执行第三方模块gulp-cssmin 压缩css文件 调用函数导入()gulp-sass 将cass压缩成css node-sass不成功先装这个gulp-autoprefixer 自动给css兼容前缀 需要传参browsers:['last 2 versions'] 兼容最近的两个版本或者package.json 里面添加数组'browserslist':['last 2 versions'] 就可以不用写参数了gulp-uglify 将js文件进行压缩 不认识ES6 gulp-babel 将JSes6换成es5 还需要两个包 8版本@babel/core 8版本||babel-core 7版本@babel/preset-env 8版本||babel-preset-env 7版本下载需要三个 引入一个就可以 presets:['@babel/env'] babel传递参数进行语法转换gulp-htmlmin 压缩Html文件 需要配置htmlmin({collapseWhitespace:true,移除空行collapseBooleanAttributes:true,移除值为布尔值的属性removeEmptyAttributes:true,移除空属性removeComments:true,移除注释minifyCSS:true,把内嵌的style的标签合起来minifyJS:true,把内嵌的script的标签合起来})components 片段文件夹gulp-file-include 导入html片段 第三方模块需要传参prefix:'@s',定义的表示符 看到解析basepath:'',存放html片段的路径地址你定义的标识符include(你要导入的html的片段名称)来进行导入标识符include(html片段名,({'变量名':'值'})json格式的数据)可以传多个 控制类名定义的标识符+变量名 书写片段时可以写变量在导入html片段是传递gulp-imagemin 压缩图片的 一般不用定义一个默认任务defaultdefault:当你运行gulp的时候,唯独default不用写创建任务的时候 函数位置直接写gulp.paralleldel 专门用来删除文件夹的 第三方模块del('./dist')要删除的文件夹 可以直接使用gulp-webserver() 专门打开一个浏览器 第三方模块需要配置参数src(./dist)文件夹C>windows>system32>drivers>etc hosts配置站点域名host:''域名 pont''端口号open:''你默认打开的那个文件,直接从dist文件夹开始的目录livereload:true,自动刷新webserver里直接配置参数代理:proxies:[你所有的代理配置{source:'/list',你请求的代理标识符 自己起的名字target:'http://localhost:80/server/list.php'你请求的代理地址},可以直接代理一个文件夹]监控文件变化 创建watch任务

马鲁南 / 前端基础 / 2021年3月30日11:6:32 / 917 / 0
共 20 条
  • 1
  • 2
前往
头像 head

Github 微博 头条 快手 抖音

最新留言

    友情链接