element-plus选择器自定义筛选方法(拼音首字母搜索)

引言最近,来了个需求,需要在下拉列表中做筛选。下拉列表显示的是中文,但筛选时可能会输入中文的拼音首字母。因此,需要实现一个筛选功能,能够根据拼音首字母筛选出匹配的选项。自定义筛选方法前端使用的是 vue3 和 element-plus。我使用的组件是 Select 选择器 | Element Plu

前端  vue 

TS(TypeScript)看这篇就够了

Typescript 简介TypeScript是用于应用程序规模开发的JavaScript。TypeScript是强类型,面向对象的编译语言。它是由微软的Anders Hejlsberg(C#的设计者)设计的。TypeScript既是一种语言又是一组工具。TypeScript是JavaScript的

前端 

vue--excel上传

在vue中实现excel上传并显示数据效果如下:具体代码如下:<template> <div class="app-container"> <input ref="excel-upload-input"

vue 

解决vue图片不刷新问题:浏览器缓存与缓存控制头的终极对决

在现代Web开发中,许多开发者都曾经遇到过一个令人困扰的问题:当图片URL没有变化但图片内容却发生了变化时,浏览器似乎不会主动刷新图片,从而导致显示旧的内容。这个问题在网站和应用中的图片更新时尤为突出,可能会影响用户体验和页面正确性。在这篇博客文章中,我们将探讨这个问题,并提供多种解决方案,其中包括

前端  vue 

vue实现打印功能

在Vue应用中调用打印机功能,可以使用JavaScript的window.print()方法。这个方法会打开打印对话框,然后让我们选择打印设置并打印文档,但是尼这种方法依赖于浏览器的打印功能。以下是一个简单的示例,演示如何在Vue组件中调用打印功能:在Vue组件中,将需要打印的内容放入一个具有唯一I

前端  vue 

element-ui 级联选择器el-cascader动态加载

看过了el-cascade官方说明后,发现并不适用于我,也可以说这个例子不是太适合想要直接复制粘贴的我,于是乎,我将其改写成了可以直接复制粘贴的例子,具体代码如下:<template> <el-cascader :props="cascaderProps"

从前端到后端:如何在 URL 参数中传递 JSON 数据

引言在 Web 开发中,我们经常需要将数据作为 URL 参数进行传递。当我们需要传递复杂的数据结构时,如何在前端将其转换为字符串,并在后端正确地解析它呢?本文将介绍如何在前端将 JSON 数据进行 URL 编码,并在后端将其解析为相应的数据类型,同时提供 Java 语言的示例代码。在前端使用 URL

前端  vue 

vue下el-popover组件实现滚轴跟随功能

描述使用的是点击触发弹出内容,目标是在弹出内容的情况下,上下来回滚动鼠标,弹出内容和点击按钮不分离通过监听页面滚动来实现功能,当监听到页面有滚动时,通过组件的updatePopper()方法来更新组件的位置代码<el-popover ref="popover"

前端  vue