vue3 组件篇 tag_办公生活

vue3 组件篇 tag

创始人

2024-03-05 23:59:21

文章目录

- 组件介绍
- - 标准用法
  - 自定义背景色和字体颜色
  - 点击和关闭的回调
- 组件代码
- 参数说明
- 关于dxui组件库

组件介绍

tag组件，是前端开发常用组件之一，无论是移动端，还是pc端，我们都能经常看到。tag组件的交互也比较简单，需要实现的功能如下

能删除
能自定义背景，颜色，甚至提供部分形状可供选择
tag的内容能够完全自定义
删除或者点击的回调，（如果是点击的回调，更像一个button）

标准用法

在这里插入图片描述

自定义背景色和字体颜色

在这里插入图片描述

12346
12346

点击和关闭的回调

点击回调

          点击回调

关闭回调

          点击回调

组件代码

参数说明

参数名称	说明
closable	标签是否可以关闭 boolean 默认为false
color	彩色标签，内置了几种颜色，当然也可以自定义色彩 purple red blue green orange

两种事件
closeClick 和 tagClick
closeClick 当tag被关闭时触发
tagClick 当tag被点击时触发

关于dxui组件库

如果你有任何疑问，欢迎发送你的问题至我的邮箱757363985@qq.com.
你也可以前往dxui的线上网站，组件还有更多用法和设计，体验一下实际使用的效果. http://www.dxyx-together.cn/#/home/tag
后面等时机成熟的时候，我会将源码github库与大家一同分享.

上一篇：_001_Zotero入门

下一篇：[附源码]计算机毕业设计JAVA线上图书销售管理系统

热门资讯

猫咪吃了塑料袋怎么办猫咪误食... 你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...

我喜欢你韩语怎么说 sikid...

埃菲尔铁塔在哪中国仿建埃菲尔... 2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...

苗族的传统节日贵州苗族节日有... 【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...

北京的名胜古迹北京最著名的景... 北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...

世界上最漂亮的人世界上最漂亮... 此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...

应用未安装解决办法平板应用未... ---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...

长白山自助游攻略吉林长白山游... 昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...

脚上的穴位图脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...

demo什么意思 demo版本... 618快到了，各位的小金库大概也在准备开闸放水了吧。没有小金库的，也该向老婆撒娇卖萌服个软了，一切只...