李子维啊-CSDN博客

原创自定义ElementUI中树型表格收起展开图标

1.iconfont icon-shousuo和iconfont icon-list-collapse图标自行替换<el-table-column prop="name" label="序号"> <template slot-scope="scope"> <span @click="handleIconToggle(scope.row)" style="cursor: pointer"> <i :ref="'myicon'+scope.row.id"

2020-12-19 14:06:58 1944 3

原创 nodeJS运行本地json文件json-server

1.创建db.json文件，先用db.txt进行编辑后改为.json后缀db.json内容：{ "userRole":[ {"roleId":"1","roleName":"超级管理员"}, {"roleId":"2","roleName":"后台管理人员"} ], "user":{ "firstName":"Li", "lastName":"Ziwei" }}2.确认本机安装了 Node.js 以后，进入db.json所在的目录，在命令行执行下面命令，启动服务器npx

2020-12-19 10:16:53 1542 1

原创 nodeJS创建本地http服务访问静态文件

1.先安装HTTP服务器包：npm install http-server -g2.本地目录下cmd运行：//若8000端口被占用则换一个端口号，注意端口被占用了不会提示http-server . -p 8000//也可以直接运行http-server默认为8080端口http-server3.如下则表示运行成功：4.访问：http://localhost:8000/或者http://IP地址:8000/...

2020-12-19 09:51:46 714 1

原创 vue解决输入框自动填充问题

//文本输入框<el-input v-model.trim="phone" autocomplete="off" placeholder="请输入手机号"></el-input>//密码输入框<el-input type="password" v-model.trim="password" autocomplete="new-password" placeholder="请输入密码"></el-in

2020-12-17 15:51:14 3036

原创 vue移动端键盘弹起提交按钮或底部版权信息位置移动

一般设置为div设置position:absolute;或者display:flex;的情况会导致div被顶起1.html被键盘弹出顶起的div设置v-show来显示隐藏//html<div v-show="showFooter">技术支持：小李科技</div>2.在watch中改变showFooter的值export default { data() { return { showFooter:true,//显示页脚 defaultH

2020-12-17 15:41:48 305

原创 css单行或多行之后显示省略号

1.单行超过显示省略号overflow: hidden;text-overflow: ellipsis;white-space:nowrap;2.单行或多行超过显示省略号*注意：/*! autoprefixer: off */和/*! autoprefixer: on */要保留注释状态，否则部分浏览器失效-webkit-line-clamp 控制要显示的行数，以下为3行之后超过部分为省略号overflow:hidden;text-overflow: ellipsis;display:

2020-12-17 14:57:52 186

原创 vant输入框label两端对齐

vue+vant1.form表单中的代码，看起来有点累赘，是为了兼容ios系统<van-field v-model="username" name="username" placeholder="请输入姓名" label-width="5.2em">  <template #label>  <div class="label-

2020-12-17 14:37:52 1835

原创 elementUI 开关拦截异步切换

1.Table表格上直接控制开关，让开关禁用设置disabled<el-table-column label="手机访问" align="center"> <template slot-scope="scope"> <el-switch v-model="scope.row.appAccess" disabled :active-value="true" :inactive-value="false" c

2020-12-17 13:54:06 1709

原创 vue座机、400热线、手机号、邮政编码、网址、邮箱校验

直接上代码：data() { //支持座机、400热线、手机号校验 var validateHotLine = (rule, value, callback) => { let reg = /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^(($\d{3}$)|(\d{3}\-))?(1[3578]\d{9})$)|(^(400)-(\d{3})-(\d{4})(.)(\d{1,4})$)|(^(400)-(\d{3})-

2020-12-17 11:09:16 1258 1

原创 vue身份证校验严格/宽松

vue身份证校验严格/宽松1.在utils文件夹下创建一个js文件/utils/util.js,代码如下.// 身份证检验export const checkIdCard = id => { // 1 "验证通过!", 0 //校验不通过 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]

2020-12-17 10:30:35 384

原创 JavaScript/jQuery/Vue实现飘窗功能

JavaScript/jQuery/Vue实现飘窗功能JavaScript飘窗jQuery飘窗Vue飘窗JavaScript飘窗<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <s...

2019-12-10 11:11:14 1952 4

KONGHUI911的博客