- 博客(72)
- 收藏
- 关注
原创 前端获取主流浏览器的信息进行判断 实现自适应内容(360浏览器)
我一般都是用谷歌浏览器进行开发,在开发大屏可视化的时候出现了浏览器不适应的问题,需要不同的浏览器进行判断,360返回 Chrome 内核, 获取的信息无法跟谷歌浏览器区别。
2024-08-21 15:32:37
197
原创 a-select e-select 搜索功能 自定义搜索的内容
原因:通常用到select的时候展示的是name,而获得的是id,同样在搜索的时候用户一般只用搜索name,而在antd中加上show-search后发现是按id搜索,而不是name。解决办法:添加 optionFilterProp="label" ,就可以实现绑定的是id ,搜索的是name。
2024-08-08 13:46:49
276
原创 vue单页面 全屏 使用 screenfull 实现全屏(左侧菜单栏隐藏)
vue单页面 全屏 使用 screenfull 实现全屏(左侧菜单栏隐藏)_vue在打开一个界面的时候隐藏侧边栏-CSDN博客
2024-07-25 11:00:49
611
原创 ant-design-vue 的modal.confirm突然无法自动关闭
这个是我当前的版本 ,点击不能 关闭, 版本的问题。修改 : "vue": "~3.2.0",
2024-06-12 16:25:36
472
2
原创 vs code 导出插件 导入到新电脑上
2. 将他复制到新电脑上,把文件放在项目的最外层(跟上面的目录一样)1. 在 现在的电脑上 导出插件 在vscode 上执行。然后项目的目录就有了一个文件。
2024-06-06 10:27:53
410
1
原创 将原生的input输入框的样式 修改跟a-input 一样的效果
由于业务需求,使用a-input 会造成 页面的卡顿 ,换成了原生的input框就好了。下面就是修改 input 的样式。加一个 class 类名。
2024-05-07 14:16:18
194
原创 margin padding 公共样式应用
在开发中 ,经常会用到一些样式,每次都写一遍非常的麻烦 ,写在公共scss里面 调用。直接调用就可以了, 其他的样式也是一样的。
2024-03-11 17:45:36
441
原创 css如何让两个元素在同一水平线上(文字和svg图片)
结果 : 两个都设置 vertical-align : middle 就可以了。2:margin会把div撑破,达不到预期效果(padding也是)3. 加了flex布局 之后, 因为我这个是在表格里面,无法居中了。起初用margin-top margin-bottom来协调。一开始写发现这两者不在同一水平线。
2024-01-09 16:22:58
1046
原创 el-collapse 默认展开第一个(实测有效)
我这个是通过循环, 只需要v-model 绑定的值和 name 相等,就可以实现展开。然后就可以显示第一个了。
2023-12-12 11:56:10
1192
原创 el-table-column 添加 class类
正常添加class 发现没有效果 class="customClass"看了一下官网发现 class-name 可以实现。
2023-12-08 18:44:01
1600
原创 js 将后端返回的对象转换为数组
在实际开发中,后端返回的数据结构可能不是我们想要的,这个时候就需要转换了。这只是一种方式,最后的办法是跟后端协商。想要的数组,这个时候就需要转换一下了。
2023-12-06 17:31:43
796
原创 vue 过滤器 (filters) ,实际开发中的使用
这样学麻烦, 不方便维护, 这时候可以用 filters 过滤器。在实际开发中要判断不同的状态,要写很多重复的代码,在页面这样写就可以了。
2023-12-06 16:03:11
418
原创 uniapp 的v-loading 接口数据返回之后结束 (uni.showLoading)
uniapp 有 uni.showLoading。uniapp 没有v-loading。
2023-12-01 18:15:59
691
原创 点击元素 滚动到指定的位置
主要的代码 , behavior: 'smooth' 是添加了滚动条。然后通过点击元素, 滚动页面。首先要定义一个 id。
2023-11-22 10:18:51
102
原创 Vue Treeselect el-tree-select 多选 只选中第三级
Vue Treeselect el-tree-select 多选 只选中第三级
2023-11-21 18:44:53
645
原创 el-tabs 默认选中第一个
1. 实际开发中el-tabs 都会设置第一个为默认值 ,这样会好看一点, 而渲染的数据经常是通过后端返回的数据 , v-model 无法写死默认值。解决办法 , 通过计算机属性 ,在data 定义一个 selectedTab。
2023-11-01 23:01:24
2767
原创 uni-table多选获取当前行数据 - - -亲测有效
/ 将数组中的值,作为table表格数组的下标来获取对应的当前行数据。let selectedIndexs = [] // 选择的下标数组。console.log('选中的当前行数据', arrList)let arrList = [] // 选择的行数据。因为全选的时候,只能返回当前的索引,所有要处理一下。废话不多说,直接上代码。
2023-10-18 17:17:59
607
原创 for循环遍历的`form表单组件`rules规则校验失效问题——下拉框选择之后还是报红---亲测有效
出现的原因是因为 , formData.authorizedUser 是一个数组,不能直接点对象 ,所以需要带上索引 :prop="'authorizedUser.' + index + '.rid'" 这种格式。看文章之前 : 先检查 model rules pops 有没有判定好。问题: 大概的效果就是这种, for循环选择之后还是还是报红。解决: 参考了他的。
2023-10-15 19:55:42
1929
原创 uniapp 模糊搜索(小白必看)
2.用input 事件获取搜索的内容, 这里用到了 防抖, 把获取到的值 赋值给 this.search。3. 使用计算属性, 将原来的数组进行筛选, 获取新的数据 , 绑定到页面渲染数据的地方。includes 包含的内容是根据后端返回的数据 来的 ,可以根据搜索的内容进行修改。记得早data 里面 添加 search : ""
2023-09-15 18:02:55
1326
原创 uniapp 扫码跳转获取 aid 发请求获取信息
2.扫码之后拿到aid, 发请求 , 把获取的数据 传给其他页面 , 然后跳转页面。3. 另一个页面 用onLoad 来获取传过来的数据。4. 拿到数据之后 渲染页面。
2023-08-23 20:04:37
314
原创 TreeSelect 禁止选中父级,只能选择子级 使用isDisabled 为true
加一个 :disable-branch-nodes="true" 就可以完成这个的效果。在我们的开发中,经会出现部门的选择, 禁止选中父级,只能选择子级 这样的情况。话不多说,直接上代码。
2023-08-02 16:58:58
3186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人