
前端开发
以在前端开发中遇到的问题及解决方案做出记录和分享,共同进步
Hexene...
虽然我们平凡又渺小,但仍然可以耀眼如星辰——青林之初
展开
-
【前端Vue】如何在选择不同单选框切换页面时检查页面中是否出现某个元素
我开发的功能是在选择不同单选框后,可以切换表单,其中有一个表单项只有选中某些单选框才会显示,我需要根据这部分是否显示来判断某一个操作按钮是否显示,功能按钮的作用是将某个文件的路径点击直接填充到那个表单元素中,所以在那个元素没有显示的时候,该按钮不应该出现,我使用的是elementUI的单选框,这个单选框在其他地方会进行增删改,因此不可以通过单选框进行判断,但是可以将单选框的切换作为判断的时机,每切换一次就判断一次。因此需要判断就需要在该元素设置一个判断标志,我使用的是ref="modelFileCol"原创 2025-04-11 17:33:25 · 166 阅读 · 0 评论 -
【前端Vue】拖拽div或元素到指定输入框中后,自动填充对应字段内容
如何实现拖拽div或元素到指定输入框中后,自动填充对应字段内容原创 2025-04-07 10:01:20 · 411 阅读 · 0 评论 -
【前端Vue】div或元素在拖动时出现禁止图标,怎么解决?
在拖拽div或元素时,怎么避免出现禁止图标,或者说如何在指定区域不出现禁止图标呢?原创 2025-04-03 17:25:16 · 241 阅读 · 0 评论 -
【前端Vue】表格换行的部分以省略号显示并且悬停可以显示完整字段浮窗
【代码】【前端Vue】表格换行的部分以省略号显示并且悬停可以显示完整字段浮窗。原创 2025-02-21 17:41:52 · 405 阅读 · 0 评论 -
【前端Vue】快捷菜单跳转时如果需要在目标页面打开模态框怎么处理
这是点击快捷菜单的处理方法,包含了直接的路由跳转和跳转后根据方法进一步操作。目标页面控制模态框显示需要有方法,需要将其方法放进快捷菜单的数据项。以下是目标页面的一些函数,需要格外注意。以下是目标页面的控制模态框的方法,原创 2025-02-21 17:38:27 · 121 阅读 · 0 评论 -
【前端Vue】开发一个带有行号的编辑器或预览视图
是更新行号的方法,如果你需要使用弹窗之类的二层组件来显示,需要在打开方法中调用一次,当然了,如果是动态或通过接口获取内容,在response.data;想将textarea内容设置为只读,并且每行显示内容超出宽度的部分不断行(避免出现行号和实际内容不匹配的问题),直接显示(通过横向滚动条控制)如果用pre-wrap或pre-line会造成超出部分断行的情况,行号就不能真正对应上原本的内容了。如果不需要readonly属性,直接设置成这样就可以了。v-model的值就是你要显示的内容,需要进行设置。原创 2025-02-21 17:33:58 · 516 阅读 · 0 评论 -
【前端Vue】使用另一个组件的方法进行传值
在子组件DataFile中,clear()方法是直接在methods中写出来的,让父组件进行调用。绑定另一个组件的方法,可以用于传值或其他需要联动的逻辑操作,避免使用。dataFileDetailSteps相当于是一个组件互相联络的载体。原创 2025-02-21 17:25:33 · 154 阅读 · 0 评论 -
【前端Vue】如何做一个可变状态的箭头(含动画)
如何做一个可变状态的箭头(含动画)?首先给组件绑定样式切换代码和方法。需要在data中声明的部分。原创 2025-02-21 17:27:28 · 156 阅读 · 0 评论 -
【前端Vue】如何单独使用ace-editor插件的字体
想使用ace-editor插件的字体怎么办?原创 2025-02-21 17:28:35 · 128 阅读 · 0 评论 -
【前端Vue】如何在文本展现时保留原格式
如果需保留换行和空格,但不完全按照原文字格式:(不使用<pre>)如果只需保留换行,可以加入以下样式:(不使用<pre>)有时浏览器的 HTML 解析器可能会移除多余的空白符。这样就可以完全保留原文字格式,包括换行和空格。使用 <pre> 标签包裹日志内容。防止 HTML 解析器移除空白符。在输出有格式的文本时要注意。原创 2025-02-21 16:43:12 · 273 阅读 · 0 评论 -
【前端Vue】如何实现全局操作按钮(文件上传)
点击全局上传按钮时或点击其他页面的上传按钮时,将更新呼出上传功能子组件,子组件按特定的路径进行上传,上传使用获取到并显示出来的路径,使用。采用以下方法进行传值,父组件一点击按钮就进行传值操作。负责父子组件传值,后者负责更新视图及数据。文件上传子组件接收方接受数据并更新视图。的全局配置文件,用于全局传输或保存数据。为例子,其他的父组件传递也是一样的。是用于取消上传时删除上传任务的。可以用于全局存储下载列表,上传页面(含路径)示意图。原创 2025-02-21 16:35:20 · 381 阅读 · 0 评论 -
【前端Vue】文字过多使用省略号和浮窗解决显示问题
当开发的组件遇到文字内容过长,超出设计的宽度时,可以使用省略号和浮窗解决显示问题。超出宽度的部分以省略号显示,并且在鼠标悬停在组件时,显示包含全部内容的浮窗。多行或单行文字固定宽度,多余的以省略号显示。标签后鼠标悬停可显示完整内容。原创 2025-02-21 16:19:41 · 512 阅读 · 0 评论