当前位置: 首页 > Web前端 > vue.js

vue3+typeScript多选标签(每周一个widget)

时间:2023-04-01 00:00:40 vue.js

每周一个widget前言实现功能:点击标签选择或取消,标签可以多选。每周分享一个vue3+typeScript的小组件。我只是想分享一下我自己的实现思路。发帖者是菜鸟前端。记录一下实现过程,可能对你有帮助。效果展示预览地址github地址开发过程其实只要思路正确,实现这个标签的多选功能是非常简单的。下面看代码结构html部分{{vo.name}}

ts部分css部分.menu-box{width:400px;高度:100px;背景:#f5f5f5;显示:弹性;弹性包装:包装;证明内容:空格之间;填充:020px;填充顶部:20px;.menu-item{padding:6px15px;高度:40px;边框:1px实心#ddd;边界半径:20px;游标:指针;}.acitve{border:1pxsolid#409EFF;颜色:#409EFF;}}vue3继续更新中...