logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

在vue3中使用el-tree-select做一个树形下拉选择器

el-tree-select是一个含有下拉菜单的树形选择器,结合了 el-tree 和 el-select 两个组件的功能。使用default插槽可以自定义节点内容,它的default插槽相当于el-tree的default插槽。使用:model-value="modelValue"可以在适合用组件时直接v-model绑定值。因为包含了el-tree的功能,我们可以自定义tree的节点,创造出想要

文章图片
#javascript#前端#vue.js
vue3 el-select懒加载以及自定义指令

在element-plus中,el-select的选项框是使用popper.js生成的,不在body中,无法直接获取,这时需要巧妙地使用popper-class属性来获取到dom并挂载到el-select进行监听来实现我们的需求。在vue3的setup语法糖中,以v开头的变量会被识别为指令,一般指令变量命名使用小驼峰语法。要求:自定义搜索、自定义指令,滚动懒加载每次展示10条数据。

文章图片
#vue.js#javascript
在vue3中使用el-tree-select做一个树形下拉选择器

el-tree-select是一个含有下拉菜单的树形选择器,结合了 el-tree 和 el-select 两个组件的功能。使用default插槽可以自定义节点内容,它的default插槽相当于el-tree的default插槽。使用:model-value="modelValue"可以在适合用组件时直接v-model绑定值。因为包含了el-tree的功能,我们可以自定义tree的节点,创造出想要

文章图片
#javascript#前端#vue.js
HTML+CSS +JS实现轮播图的四种方法

HTML+CSS +JS实现轮播图轮播图能够自动播放,当点击左右箭头时可以手动切换图片;当鼠标移入圆点时,自动播放停止,显示当前图片;当鼠标移出圆点时,图片又从当前图片开始自动播放;当鼠标点击圆点时,可以手动切换图片;图片的播放是循环的。1、布局——HTML + CSS首先,在页面放一个整体的大盒子,在大盒子中装几个小盒子,分别用于放图片、左右点击箭头、底部切换的圆点。<div id="bo

#javascript#css#html +1
到底了