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