- 博客(31)
- 收藏
- 关注
原创 前端盒子点击后增加边框页面样式会发生改变 如何解决
元素的边框宽度会包含在元素的总宽度和高度内,防止元素大小发生变化。要在点击一个盒子时,使其增加2px的边框,而不导致页面布局改变,你可以使用CSS的。类名,这个类名的样式会使其边框颜色变为黄色(示例中是#ffcc00)。,增加边框并不会导致元素的大小发生变化,因此页面布局不会改变。)添加了一个初始状态的边框样式,并将。在上述代码中,我们给每个盒子(方法给对应的盒子添加一个。
2023-11-03 10:50:01
282
原创 前端 vue2+element组件库中的表格组件里面嵌套上传组件 如何实现在上传组件中的事件中传递scope(单条数据的值)
方法来明确指定传递的参数。这两种方法都可行,具体选择哪种方法取决于您的个人偏好。,Vue 将尝试将事件对象作为第一个参数传递给事件处理程序函数,而不是。事件处理程序通常是不起作用的,因为在事件绑定时,Vue 不会自动将。这是因为箭头函数在定义时会捕获当前的上下文,包括参数,而。参数传递给处理程序函数。方法都可以在函数调用时指定参数,因此您可以确保。方法则允许您绑定参数到函数,使其成为固定的参数。,然后后面的参数将按顺序传递给。1.通过使用箭头函数,可以将。方法,第一个参数是要绑定的。作为第一个参数传递给。
2023-10-31 15:25:08
160
原创 前端接收后端返回的二进制文件容易踩的坑
根据具体情况,你可能需要替换示例代码中的"your-video-url"为实际的视频URL,并对返回的二进制数据进行处理或将视频URL传递给Vue组件进行播放等操作。只适用于支持二进制数据的HTTP请求库,并且服务器必须能够正确地响应所请求的二进制数据。,并按照之前提到的步骤,将其转换为Blob对象,并生成视频的URL。然后,在成功的回调函数中,我们从响应中获取二进制数据。如果使用axios请求必须加以下代码。告知服务器我们希望接收二进制数据。方法来发起GET请求,并通过。上述代码中,我们使用了。
2023-10-10 15:19:18
484
原创 让超出input框的字变为...
text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap;
2023-09-06 16:46:26
738
原创 uniapp中view的内容太多超出父盒子的宽度并影响左侧内容宽度如何解决
如图 使用的flex布局 左侧固定宽度但是右侧内容太长左侧内容宽度被强行挤走 如何解决?要给左右两侧的内容都设置宽度 并且给右边的盒子加上以下属性即可解决。
2023-08-31 11:27:04
546
原创 element的上传组件,如何在文件上传时禁用提交按钮(多个文件上传),等待全部文件上传完之后再取消禁用
原理很简单 上传前的钩子函数中每有一个文件 变量+1 上传成功后另一个变量+1 再上传成功的函数里面判断两个数是否相等 相等即取消禁用。
2023-08-03 16:47:10
589
原创 前端下载文件(后端返回二进制文件流+文件类型)(所有文件类型均可下载)
【代码】前端下载文件(后端返回二进制文件流+文件类型)(所有文件类型均可下载)
2023-08-03 09:35:12
427
原创 前端如何做到 发送一个请求 不限制请求时间 直到加载出来
这样就可以实现发送一个请求不限制请求时间,直到加载出来的功能。在发送请求之前,可以设置XMLHttpRequest对象的timeout属性来设置请求超时时间,或者使用fetch API的signal属性来设置请求的AbortController对象,以便在需要时取消请求。在前端中,发送一个请求并等待请求返回的数据可以使用异步请求来实现。异步请求不会阻塞浏览器的渲染和用户的交互,而是在后台进行请求和处理数据,一旦请求完成就会触发回调函数来处理数据。如果请求超时或者被取消,可以在回调函数中处理相应的错误信息。
2023-06-02 10:09:10
426
原创 动态表单动态增加表单项后的表单验证
其中中括号里面的 ruleForm表示表单的ref属性名 validateField表示校验 括号里面的 incumbent表示校验规则的名称。
2023-05-18 14:51:37
137
原创 前端批量导出zip
@param {blob} fileArrayBuffer 文件流。* @param {String} filename 文件名称。* @param {String} fileType 文件格式。
2023-05-18 14:33:06
135
原创 动态表单(填报)
el-input v-for="(item, index) in ruleForm.incumbent" :key="index" class="xmry_1_ry_ipt" placeholder="姓名"<el-button size="mini" class="el_button_cancel" style="float: right" @click="btn_qx">返回</el-button>
2023-05-18 14:15:18
170
原创 遇到的难点(填报系统)前后端交互数据问题以及findindex和splic数组方法的应用
el-table-column prop="towerDistance" width="443" label="塔位间距离" align="center"><el-table-column prop="towerExtents" label="塔间区段" width="443" align="center"><el-table-column prop="towerPosition" label="塔位" width="443" align="center">
2023-04-20 11:47:02
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人