
HTML
BTBIG@Mr. Chen
自己战胜自己是最可贵的胜利
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element:el-tree控件获取当前选中节点(key)值,超简单!!
呜呜呜,我终于弄明白这个el-tree怎么用了,主要还是要仔细看官网,网上去查到的真的是太复杂了,都是在坑我在对tree设置唯一标识key时,需要设置node-key属性:看官网文档,这个click方法就是我想要的理想方法啊,直接给出选中的节点、节点key值等结果:简直不要太好用了,代码如下:重要的事情再说一次: !! 设置key值必须要设置node-key <el-tree ref="tree" :data="RoleTreeData...原创 2021-01-07 16:18:04 · 38182 阅读 · 12 评论 -
vue:input框使用v-model绑定值之后无法修改绑定值
日常给自己挖坑:搬来的砖,一个没注意的小细节就自己挖了个大坑上代码:<el-form-item label="联系方式" prop="phone"> <el-input v-model="formLabel.phone"></el-input></el-form-item>methods: { // 获取新增页面的默认电话号码 getAreaAndBankName() { apiRequest原创 2020-10-07 22:10:46 · 16224 阅读 · 3 评论 -
vue 封装组件 获取登陆用户的信息
上图是一个获取用户信息的get请求,返回一个request,放在 src 下的 api 下的 login.js导入组件: import { login, logout, getInfo } from '@/api/login'在获取某登陆用户的信息,其实就是用 get 请求一个接口例子:<script>import {getInfo} from '@/api/login'……methods: { getInfo() //其实这就是一个get请求...原创 2020-10-04 17:19:29 · 2713 阅读 · 1 评论 -
基于vue的图片裁剪插件vue-cropper
我在网上找了很多关于vue裁剪图片的文章,demo都太长了,实在是太长了。有些还都看不懂,最后还是用了个大佬的demo,但是项目实践过程中还是有问题没解决。先介绍吧。效果是下面这样的,我这里采用了4:3的固定比例进行裁剪,裁剪后的效果但是裁剪后的图片路径是base64,超级长的路径,最终还是需要处理地址传给后端的,项目用oss处理图片,最终获得一个类似于aad68a8fd577464dbcdead2e9b20084d这个的后缀传给后端,base64的路径有几万几十万个字符,传给后端会炸的吧。转载 2020-10-01 20:53:22 · 2105 阅读 · 0 评论 -
css 文字太长,点点点省略部分内容
只有一行:text-overflow: ellipsis;white-space: nowrap;overflow: hidden;多行数据:overflow: hidden; display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 。text-overflow: ellipsis; // 可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。-webkit-box-orient: v原创 2020-09-28 21:39:40 · 1559 阅读 · 0 评论 -
css 打破组件样式
当我们只用 别人的组件开发的时候,有时候会想将组件的样式换成自定义的样式,可以使用 /deep/ 深度穿透<style scoped> /deep/ .title{ color: #ff0; }</style>原创 2020-09-28 21:31:40 · 140 阅读 · 0 评论 -
搜索下拉框(select2插件)学习与使用:为什么select2搜索无效
需求:可搜索的下拉框。layui就有一个搜索下拉框,只要在 select 标签上添加 lay-search 就可以使用了,但是在搜索的时候不知道是卡住了还是怎么回事,有时候需要等一会,有时候需要按一下shirf键,真的是太难用了,也不好看。索性使用select2插件:HTML:<td>类型:</td><td> <select name="type" id="type" lay-ignore class="layui-input layui-u原创 2020-06-01 17:36:20 · 2329 阅读 · 0 评论 -
Layui获取select搜索下拉框选中的值
小陈同学拿了一段代码来问我说为什么拿不到搜索下拉框中选中的值,我也不知道为什么拿不到,先贴上代码再说。html:使用layUI的搜索下拉框<td>类型:</td><td> <select name="type" id="type" lay-verify="required" lay-search="" lay-filter="type" style="width: 100%"> <option value=""&g原创 2020-06-01 16:28:36 · 6100 阅读 · 0 评论 -
百度地图:城市公交查询系统之换乘查询超详解
我的毕设是城市公交查询管理系统,是不是以为需要加几百个城市的数据库啊,然后还要定时更新数据啊维护啊什么的。其实使用百度地图的接口,就改两个参数就好了。1、百度地图秘钥使用百度地图要去申请一个百度地图的秘钥,是免费的,在官网就有。 <script type="text/javascript" src="你的秘钥"></script>2、HTML为了查看方便,我把样式都删掉了<input id="city" name="city" value="桂林".原创 2020-05-25 16:08:16 · 1590 阅读 · 8 评论 -
LayUI数据表格自动定时刷新,并且停留在当前页面
朋友刚刚来找我说,想要LayUI的数据表格定时刷新,刷新之后能够停留在当前页面,但是在查询的时候表格又要从第一页开始。一开始我是想着自动刷新就使用$.post()+定时器,当前页面的话,加个参数区分自动刷新与查询,再加个参数获取当前页再传来传去……糊里糊涂乱七八糟一听起来感觉就很难,主要是用的Layui的数据表格,有点不熟悉,不知道该怎么处理。但是后面自己看一下,感觉好像没什么难的。<div class="layui-input-inline"> <input typ原创 2020-05-25 15:43:14 · 7347 阅读 · 2 评论 -
LayUI分页:获取当前页面与总页数
$(".layui-laypage-em").next().html(); //当前页码值$(".layui-laypage-limits").find("option:selected").val() //分页数目原创 2020-05-25 15:07:39 · 5109 阅读 · 2 评论 -
JS中void关键字 :javascript:void(0)的含义
void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。语法格式:void func() void(func())实例1 当点击超级链接时,什么都不发生<!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 --> <a href="javascript:void(0);">单击此处什么都不会发生</a><br>实例2 执行void操作符当中的代转载 2020-05-25 10:30:38 · 541 阅读 · 0 评论 -
下拉框只显示了一部分,为什么?
为什么我写出来的下拉框只显示一半,还有一半是迷路了吗?被隐藏的原因有下面三种:1、固定宽高。是不是在下拉框样式中设置固定的宽度或高度。2、层级关系。如果没有设置固定的宽高,那就考虑是不是多个层叠样式之间的层次关系(优先级),这个时候可以看看是不是设置了z-index属性,z-index数值大的元素会覆盖数值小的元素。3、内容会被修剪(超出部分被隐藏)如果前面两个都没...原创 2020-04-30 12:07:56 · 2178 阅读 · 0 评论 -
使用JS动态设置下拉框默认值
有个朋友带着某博主的文章来问我,为什么他设置的下拉框无效?现在通过讲讲他开发时遇到的小问题来讲一下如何使用JS动态设置下拉框默认值。1、获取下拉框标签获取下拉框标签:document.getElementById("id")[a],这里的a表示的是数字0、1、2、3……,不是value值。图1 刚好博主 的value值与数组下标值一样,他就傻傻的填了从后端获取的va...原创 2020-04-28 20:31:14 · 7818 阅读 · 0 评论 -
setHeader方法的使用
1. HTTP消息头一秒刷新页面一次: response.setHeader("refresh","1");二秒跳到其他页面 :response.setHeader("refresh","2;URL=otherPagename");没有缓存:response.setHeader("Pragma", "No-cache"); response.setHeader...转载 2020-03-19 14:25:29 · 3773 阅读 · 0 评论 -
后端如何获取textarea的值
前端:<textarea name="synonyms" id="synonyms" placeholder="请输入同义词">${synonyms!''}</textarea>后端:使用request.getParameter("synonyms")可以获取前端textarea标签的值public ModelAndView wordssave(HttpS...原创 2020-03-18 09:29:00 · 5135 阅读 · 0 评论