2021年03月_hangGe0111

原创 elementUI键盘回车键触发搜索，el-form阻止页面刷新

键盘enter提交输入内容<el-form :model="test" size="mini" label-width=“70px” @submit.native.prevent><el-input v-model="account" placeholder="请输入搜索内容" @keyup.enter.native="search()"></el-input></el-form>须给el-form添加@submit.native.prevent

2021-03-10 21:54:34 555

转载 html input 禁止输入中文

思路一：html input 禁止输入中文：<input type="text" class="username" οnkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入账号" />输入中文时，直接替换为空格。思路二：'/[\u4e00-\u9fa5]/ig'这是匹配到中文的正则表达式，获取input的value值和这个正则匹配，如果匹配上了就给用户提示就行了（例如；在elemen.

2021-03-10 21:33:36 1451 1

转载 vue中点击复制粘贴功能

1.下载clipboard.jscnpm install clipboard --save 2.引入，可以在mian.js中全局引入也可以在单个vue中引入import Clipboard from 'clipboard'; 3.使用，在template中，这里我用了elementui框架<el-table-column label="taskId"> <template slot-scope="scope">

2021-03-02 21:48:05 846

转载 vue 如何下载文件

import axios from 'axios'// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 config.headers.common['contentType'] = 'application/json;charset=utf-8'; const token = localStorage.getItem('token'); if (token) { .

2021-03-01 21:35:30 775

转载 js判断一个字符串是以某个字符串开头

方法1:substr() 方法if("123".substr(0, 2) == "12"){ console.log(true);}方法2:substring() 方法if("123".substring(0, 2) == "12"){ console.log(true);}方法3:slice()方法if("123".slice(0,2) == "12"){ console.log(true);}方法4:indexOf() 方法

2021-03-01 21:30:39 559

转载 elementui el-form 默认不支持回车提交，回车第一次页面刷新

概念：1.在表单的提交按钮上添加 Vue 原生属性native-type="submit"可以让按钮变为表单提交按钮；2.阻止表单默认提交事件（默认是阻止），在表单上（即<el-form>标签上）添加@submit.native.prevent即可3.因为el-form默认不支持表单回车提交，在表单上（即<el-form>标签上）添加@keyup.enter.native="submitForm('form')"可实现回车提交表单template:&lt...

2021-03-01 21:24:20 622

转载 Element的input 实现带图标密码框的明密文（点击眼睛显示密码,再次点击图标隐藏密码）

点击眼睛图标显示密码,再次点击图标隐藏密码一、知识点：带 icon 的输入框，可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。因为图标涉及点击事件，带 icon 的输入框，采用的是 slot 方式。slot="suffix" 表示，图标会出现在input 的尾部；二、实现思路要变化的有，图标样式和input的显示方式定义一个flag默认false，绑定input 的type值，flag为true时，

2021-03-01 21:16:11 1775 1

原创 element UI hover把线压断了

::v-deep .el-table td,.el-table th.is-leaf { border-top: 1px solid #EBEEF5; border-bottom: 0;}:v-deep .el-table__body{ border-bottom: 1px solid #EBEEF5;}

2021-03-01 21:12:17 204

转载 vue+django——webshell的实现，xterm.js实现webshell

Webshell“web”的含义是显然需要服务器开放web服务，“shell”的含义是取得对服务器某种程度上操作权限。webshell常常被称为通过网站端口对网站服务器的某种程度上操作的权限。一方面，webshell被站长常常用于网站管理、服务器管理等等，根据FSO权限的不同，作用有在线编辑网页脚本、上传下载文件、查看数据库、执行任意程序命令等。另一方面，被入侵者利用，从而达到控制网站服务器的目的。这些网页脚本常称为WEB脚本木马，比较流行的asp或php木马，也有基于.NET的脚本木马与JSP脚

2021-03-01 20:57:58 2553

转载 vue yaml代码编辑器组件,elementui的弹窗把错误遮挡

一、前期准备此组件的功能主要依赖于codemirror，另外加入了js-yaml进行语法检查，方便在实时编辑时提示语法不正确的地方。因此首先需要在项目中安装codemirror与js-yaml:codemirror: npm install codemirrorjs-yaml: npm install js-yaml --save二、组件源码及说明新建@/components/YamlEditor/index.vue文件：<template> <div cla.

2021-03-01 20:40:46 1222

hangGe0111的博客