- 博客(100)
- 收藏
- 关注
RSS订阅原创 text-overflow: ellipsis和display：flex互斥
如果设置了display：flex，再设置text-overflow:ellipsis就不生效了。
2026-04-02 14:46:43
32
原创 element-plus中，vue3项目，el-input密码框禁止浏览器自动弹出浏览器历史密码提示框
现加需求：el-input改为密码框，但要求el-input密码框禁止浏览器自动弹出浏览器历史密码提示框效果：当密码有值时正常显示，当密码无值时就会自动弹出历史的用户密码列表弹框。那如何不显示历史记录弹框呢？效果：当清空值时，确实不会再弹出浏览器的历史记录列表了，但我发现当我输入一个数字后，input框就自动失焦了，但如果再次聚焦就可以连续输入了。
2025-05-07 17:25:45
615
原创 下载文档流，浏览器network没有报错正确返回流，但响应拦截器却直接走error回调
所以在transformResponse设置，如果data是blob类型，那就直接返回data，不再做JSON处理。会强制将所有响应数据（包括 Blob）尝试解析为 JSON。当下载文件时，二进制数据会被错误解析，导致。（这两个报错位置在响应拦截器的error回调里，以及download公共方法的catch函数内）的根本原因，因为二进制数据被当作 JSON 解析。可能已被错误解析，不再是 Blob 对象。在响应拦截器有这段代码，即使设置了。修改后，即可成功下载流。
2025-02-19 14:46:38
244
原创 二次封装el-dialog组件
如代码中的：@update:newVisiable="newVisiable= $event"父组件中引用子组件时，需要接收一个自定义函数控制crisisListVisiable 变量。如代码中的this.$emit("update:newVisiable", false);子组件：通过子传父，触发父组件的方法，更新显示隐藏状态。重点：如何控制组件的显示隐藏。
2024-12-19 15:59:36
340
原创 el-table设置前置fixed列后，该固定区域滚动条拖不动问题
【代码】el-table设置前置fixed列后，该固定区域滚动条拖不动问题。
2024-11-05 10:35:46
470
1
原创 el-table中文排序-前端
使用el-table的sort-change事件，例如代码中的@sort-change="sortTable"，给el-table-column添加sortable、sort-method（如不添加这个属性就无效）
2024-09-02 15:47:39
782
原创 JS处理时间格式：00:00:00.19为0.19； 处理0.19为00:00:00.19
将00:00:00.01转换为0.01（012345.01可转换为012345.01）将000000.00时间转换为00:00:00.00格式。测试00:00:00的格式是否符合时间格式。
2024-07-08 15:56:42
355
原创 AngularJS基础语法（2009版本）
这个函数会接收一个形参必须是$scope，在这个函数中就可以对ng-controller定义区域内的变量进行变量初始化和创建方法，产生一个单独的作用域空间。ng-controller会创建控制器对象例如MyController，生成一个单独的作用域空间$scope，$scope是在$rootScope下的，在ng-controller控制的view视图内，可以直接调用ng-init初始化的变量。html页面中，需要给标签绑定ng-app指令标记当前页面，注意ng-app通常绑定给body标签。
2024-05-30 17:06:00
1159
原创 Angular安装与基础语法
会在根组件的统计生成一个组件xxx文件夹，比如ng g c hello 就会生成一个hello组件文件夹，里面是这个hello组件的四个文件，同时angularcli脚手架会自动把这个组件引入到app.module.ts中。父组件给子组件传递属性，父组件直接在子组件标签通过[ 属性名 ]的方式传递属性，子组件通过@Input接收父组件传递过来的属性；hello组件的ts文件中，可以通过selector属性得到组件名，引用时直接通过<组件名></组件名>的方式即可。如何修改动态表单绑定的变量呢？
2024-05-28 09:38:34
1455
原创 el_table设置横向滚动条
如果想要el-table内容超出时，默认出现横向滚动条。记住：一定要设置某列的一个宽度，其他不设置都可以（有一个设置宽度后，剩余空间是自动分配的）但是如果每列都设置了宽度，那么空间就被定死了。
2024-04-22 18:26:17
2261
原创 vue2，style标签中引用data变量
因为我们要修改的样式是el-form的子元素el-form-item的label和content的字体大小，要先给el-form绑定计算属性return一个变量A，再通过按钮动态改变字体大小。再style中通过通过var（）关键字，使用--符号引用变量A。需求：点击放大缩小按钮，动态改变el-form所有label和content部分的字体大小。
2024-03-22 14:24:10
1421
原创 element-ui出的treeselect下拉树组件基本使用，以及只能选择叶子节点的功能，给节点添加按钮操作
disable-branch-nodes属性是禁用节点属性（针对需求1这个属性一定要设置，否则不生效）需求1：treeselect下拉树组件只能选择叶子节点，其他父节点均为点击展开功能（不选中）v-model绑定的值要设为null,不能设为'' ，否则会回显unknown。需要用到treeselect组件的插槽：slot="option-label"，插槽slot=“value-label” 是输入框回显的值，插槽slot=“option-label” 是下拉框的值，@select为选中某个节点时触发，
2024-03-19 11:21:52
5290
2
原创 form表单设置了rules，但是发现虽然页面有了红色星号的验证提示，但实际上当失去焦点的时候并未触发校验。form表单验证失败问题
可见：类名为bodyInfo_ctn的div下有两个div子元素（两个div内均有el-form表单），分别使用v-if去判断显示form表单的。那么我们只给“子元素一”下的form表单加了两项表单验证，但是发现我们将这两项清空并且失焦时，却没有触发表单校验，只有label的红色星号，但是没有进行实际的表单验证并提示,见下图：大概意思就是说，有相同父元素的子元素，如果v-if和v-else的元素类型相同，最好使用key属性绑定每个子元素。
2024-02-29 14:25:46
984
原创 监听元素宽高变化---new ResizeObserver
因为 ResizeObserver是异步的，所以会暂时被放到异步任务队列中，等待同步执行完毕后，才回去执行异步函数。观察多个元素：你可以同时观察多个 DOM 元素，当这些元素的尺寸发生变化时，ResizeObserver 会在每个元素上触发。完全不兼容ie浏览器，主流浏览器只兼容高版本，基本上2018年以前的浏览器都不兼容，部分浏览器甚至2020年以前都不兼容。异步回调：ResizeObserver 的回调是异步执行的，这意味着它会在浏览器准备好更新时触发，而不会引发性能问题。用于监视元素的大小变化。
2024-01-26 11:02:55
2476
原创 el_table的this.$refs.MainTable.toggleRowSelection(row, true)；事件会触发selection-change
这种情况多用于：点击含有多选框的行，在某处显示当前行的患者信息（可能出现点击事件和多选事件冲突的情况）。那么我们在点击click事件中只做多选框的选中，在多选事件中，做传递数据的操作。在点击el-table行时，需求同时选中跟当前行人不同的申请单。①处的代码因为是循环遍历，所以肯定会多次触发多选事件，那么如何拿到最后一次的多选事件呢（因为多选事件中，最后一次的事件获取的才是最终的）在点击时el-table行时，同时选中el-table的多选框。
2023-12-13 16:18:52
1121
原创 flex布局的flex为1到底是什么
今天写样式的时候，碰到这样一个问题：子盒子①和②的父盒子设置了display。子盒子①设置了固定宽度，如果子盒子②不想设置calc计算的话，可以设置子盒子②样式display为1。：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小固定后，将内容区flex：1，内容区则会自动放大占满剩余空间。设置②display：1后 ，②则沾满剩下所有空间。
2023-12-07 18:05:04
1367
原创 vue开发中，再template中使用外部js的方法
vue开发中，如何在template中使用外部js文件中的内容_一起学习前端吧的博客-CSDN博客
2023-12-07 15:03:14
803
原创 git默认不区分文件名的大小写
如果生成文件时定义文件名为Onecase.vue,第一次提交到远程时文件名就是Onecase.vue；但是后期如果觉得文件名不合理改为onecase.vue，git是默认不区分文件名的大小写的，且git提交区是不会提交这个改变的。就会出现一个问题：共同开发的同事在拉取代码运行项目的时候，会报错（找不到Onecase.vue）
2023-11-30 14:27:09
769
原创 刷卡、扫码、插卡获取卡号，根据卡号请求数据；
更新：近日发现扫码的时候，现场确不触发 this.search('scanInput')函数，查明原因是因为扫码的时候设置了中文输入法将键盘的enter事件(keycode:13)吞了，所以没办法触发查询，改为英文就可以即可。但是用户不可能每次在扫码前都手动去切换输入法为英文，太不人性化了。插卡和刷卡是不一样的，刷卡可以直接获取到卡号，而插卡的卡一般是芯片卡，，而插卡是需要联调dll的接口去请求查询芯片卡的信息。刷卡/扫码和普通的键盘输入的区别就是：刷卡/扫码的速度快，而普通的键盘输入的速度慢。
2023-11-24 10:13:38
967
原创 Vue 3.0 中重置 reactive 定义的响应式对象数据，恢复为初始值
1、直接挨个重置数据（不适用对象中有多个属性，比较繁琐）2、使用Object.assign()
2023-11-20 10:43:30
7380
原创 vue3 el-menu初始化时选中没有高亮的问题（default-active和index的问题）
1、default-active的值是字符串，那么index绑定的值也要是字符串，且数字对应。不能default-avtive绑定的是1，而menu-item的index绑定的是45。为了避免页面刷新时menu组件的选中样式消失，所以在每次点击的时候我们要将default-active重新赋值。所以el-menu-item的index项一定要和default-active对应起来。2、default-active的值是当前选中menu-item项的index。
2023-11-14 15:04:17
2748
原创 vue3中父子组件传值
1、父传子父组件直接通过属性绑定的方式给子组件绑定数据，子组件通过defineProps接收函数接收，例如：父组件中：子组件中接收props：子组件中使用props，直接打点调用2、子传父子组件传值给父组件主要是子组件通过注册一个自定义事件，而后触发emit去调用该自定义事件，并传递参数给父组件。在父组件中调用子组件时，通过v-on绑定一个函数，通过该函数获取传过来的值。
2023-11-14 14:12:24
5328
原创 pinia状态管理器使用
Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子，结合了 Vuex 5 核心团队讨论中的许多想法。最终，我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容，并决定实现它 取而代之的是新的建议。
2023-11-06 16:45:14
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人