element-plus选择器自定义筛选方法(拼音首字母搜索)
引言 {#引言} ======== 最近,来了个需求,需要在下拉列表中做筛选。下拉列表显示的是中文,但筛选时可能会输入中文的拼音首字母。因此,需要实现一个筛选功能,能够根据拼音首字母筛选出匹配的选项。 自定义筛选方法 {#自定义筛选方法} ================== 前端使用的是 [vue3](https://cn.vuejs.org/guide/introdu...
51工具盒子
引言 {#引言} ======== 最近,来了个需求,需要在下拉列表中做筛选。下拉列表显示的是中文,但筛选时可能会输入中文的拼音首字母。因此,需要实现一个筛选功能,能够根据拼音首字母筛选出匹配的选项。 自定义筛选方法 {#自定义筛选方法} ================== 前端使用的是 [vue3](https://cn.vuejs.org/guide/introdu...
看过了[el-cascade官方说明](https://element.eleme.cn/#/zh-CN/component/cascader)后,发现并不适用于我,也可以说这个例子不是太适合想要直接复制粘贴的我,于是乎,我将其改写成了可以直接复制粘贴的例子,具体代码如下: ```html <template> <el-cascader :pro...
> 追求使你充实,成功和失败都是伴奏。------史铁生 关于`ElementUI`相信大家只要看过我[这篇博客](https://51tbox.com/),都能有一定的了解 今天聊聊[`ElementUI`官方文档](https://element.eleme.cn/#/zh-CN)都找不到的一个隐藏组件 那便是滚动条`el-scrollbar` 我们在开发中可...
<blockquote> <p>快乐就像香水,不是泼在别人身上,而是洒在自己身上。------拉尔夫·沃尔多·爱默生</p> </blockquote> <p>我们使用<code>el-input</code>当<code>type</code>为<code>...
<blockquote> <p>见贤思齐焉,见不贤而内自省也。------《论语》</p> </blockquote> <p>今天引入<code>elementUI</code>时</p> <p>官方文档说的<code>CDN</code>引入方式...
### MessageBox提交内容时,验证输入内容不为空或者空格 {#messagebox%E6%8F%90%E4%BA%A4%E5%86%85%E5%AE%B9%E6%97%B6%EF%BC%8C%E9%AA%8C%E8%AF%81%E8%BE%93%E5%85%A5%E5%86%85%E5%AE%B9%E4%B8%8D%E4%B8%BA%E7%A9%BA%E6%88%96...
### 这是什么? 这是一种前端库,用来实现逐字打印和光标闪烁的效果: {#typed} 而代码只需要这么写: <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script> <p><span id="typed...
<h3>此教程不是从零开始,因此需要提前配置以下环境:</h3> <ul> <li>Node.js开发环境</li> <li>npm包管理器</li> </ul> <h3>第一步:创建项目</h3> <ol> <li> <p>...
<blockquote> <p>起因:自己在使用nodejs的时候经常遇到版本问题。每次手动重装更换版本觉得非常麻烦。之前在搭建静态博客的时候,遇到版本问题,生成出来博客静态页白屏。这个就是我部署在github上的静态博客: <a href="https://blog.xisoul.cn/">https://blog.xi...
nvm下载 {#nvm%E4%B8%8B%E8%BD%BD} ============================== [nvm的GitHub下载地址](https://github.com/coreybutler/nvm-windows) ![](http://static.51tbox.com/static/2024-12-06/col/727ba361e45c00...