- 博客(11)
- 收藏
- 关注
RSS订阅原创 自定义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
2111
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
1615
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
780
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
3147
原创 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
352
原创 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
219
原创 vant输入框label两端对齐
vue+vant1.form表单中的代码，看起来有点累赘，是为了兼容ios系统<van-field v-model="username" name="username" placeholder="请输入姓名" label-width="5.2em"> <!-- 使用label插槽 --> <template #label> <!-- 自定义样式label-flex --> <div class="label-
2020-12-17 14:37:52
1917
原创 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
1837
原创 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
1341
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
430
原创 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
2012
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人