- 博客(7)
- 收藏
- 关注
RSS订阅原创 Vue+Naive UI实现树形控件点击按钮全部展开或收起功能
在项目中我们会用到一些树形控件进行数据操作等一系列使用逻辑。那么如果第一级树形数据多的话我们默认展开需要滚动，如果默认不展开想要查看子集又需要挨个点击。那么我们可以根据组件API的默认展开项来添加按钮进行这个处理。首先定义一个默认展开的变量，然后在树形控件中定义好。然后给按钮定义个方法操作默认展开项。这样简单的一个小功能就做好啦。
2024-02-22 18:45:00
699
1
原创 input粘贴事件，@paste操作输入框复制粘贴事件
根据handlePaste事件来获取我们选中的开始下标和结束下标，再通过slice来更改我们输入框中的内容，小编使用这个的起因是因为之前做的input的输入框和文本框交互，对数据操作有个粘贴功能互斥了，粘贴的时候选中再粘贴会直接加在后面，所以需要把选中的截取再进行数据操作。输入框的@paste事件操作粘贴复制，选中的内容。例如图上这样，获取我们鼠标选中的内容，输入框。感兴趣的可以看我之前的文章！
2024-02-02 07:00:00
746
原创 Vue+Ts自定义封装Tabs切换与状态查询功能
再通过方法获取点击的值根据自己的需求请求数据就可以啦！一个简单的tab组件就好了，使用中有个别细节就需要自己补充哦！使用的组件的<template>代码和引入，大家可以自己定义这个组件的name。有状态的名字和可以选择的状态类型，来看看我们封装这个组件的代码。
2024-01-10 19:15:00
497
原创 Vue+Naive+Ts自定义封装搜索栏，多搜索条件实现展开收起效果
之后我们在列表页使用，组件给我们传入两个方法：getSearch搜索与clearcontents重置，来看下我们在页面怎么使用吧（记得引入我们上面的组件哦！后台项目多为增删改查，那么就会有不同搜索条件等，今天带大家实现一个自定义封装搜索组件，搜索条件多可展开收起，搜索，重置功能，技术栈用到了Vue+Ts+Naive组件库。首先我们来封装这个组件，之后引入到列表的搜索组件中，（因为不同页面的输入框搜索以及字段不一样，所以在页面使用进行了二次组件使用）这样我们的一个搜索栏组件封装与使用和列表查询就好啦！
2024-01-09 19:15:00
637
原创 实现输入框input与文本框textarea的联动输入，批量查询数据vue+ts
主要是按下时候针对个别键盘事件进行处理，实现换行操作，然后键盘弹起进行数据处理，外部输入框显示处理和内部输入框将键盘按下的符号替换为空。技术栈使用的vue+TS+Naive组件库，这个组件库目前看市面上使用的应该不是很多，有时候查询都搜不到。好了，就说到这里，大家有好的优化点或者更好的实现效果欢迎来补充。我们再来分析下两个输入框进行联动的方法事件，这个实现效果我使用的键盘事件进行数据操作和处理。这是在textarea输入时实现的效果，按下（，；textarea的这两个事件一个是键盘按下，一个是键盘弹起。
2024-01-06 20:30:00
1377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人