效果
要实现类似于下面这种效果
大致原理
其实是很简单的，我们可以利用 element-plus 组件库里的 el-tag 组件来实现
这里我们可以将其抽离成一个公共的组件，那么现在有一个问题就是通讯问题
这里我们可以利用父子组件之间的通讯，利用 v-model 来实现，父组件传值，子组件负责展示，同时在子组件里可以更改该值，那么这个时候就需要在更改后通知父组件进行对应的改变，就需要用到 defineProps 和 defineEmits，主要利用update:modelValue实现
vue3 TagInput 实现
news2024/11/16 4:48:47
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2154480.html
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！相关文章
蓝桥杯15届C/C++B组省赛题目
问题描述
小蓝组织了一场算法交流会议，总共有 5050 人参加了本次会议。在会议上，大家进行了握手交流。按照惯例他们每个人都要与除自己以外的其他所有人进行一次握手 (且仅有一次)。但有 77 个人，这 77 人彼此之间没有进行握手 (但这 77 人与…
Unity数据持久化4——2进制
概述 基础知识 各类型数据转字节数据 文件操作相关 文件相关 文件流相关 文件夹相关 练习题 using System;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using System.Text;
using UnityEngine;public class Exercises1 : MonoBehaviour
{/…
金融科技与银行业的数字化转型
随着科技的迅猛发展，金融科技已经成为推动银行业数字化转型的重要力量。从移动支付到区块链，再到人工智能，这些新兴技术正逐渐改变银行的运作方式，不断提高银行的服务效率、提升客户体验，并推动整个金融生态系统的变革…
大数据-143 - ClickHouse 集群 SQL 超详细实践记录！
点一下关注吧！！！非常感谢！！持续更新！！！
目前已经更新到了：
Hadoop（已更完）HDFS（已更完）MapReduce（已更完&am…
代码编辑器 —— Notepad++ 实用技巧
目 录 NotePad常用技巧一、查找二、标记三、插件四、自动补全 NotePad常用技巧
Notepad 的吉祥物是一只变色龙。它广泛应用于编程、网页开发、文本处理、脚本编写、文档编辑等领域。
一起看看它有哪些功能和特点： 1、对众多编程语言提供语法高亮显示 2、可折叠函数…
redis简单使用与安装
redis
redis 是什么
Redis 是一个开源的，使用 C 语言编写的,支持网络交互的,内存中的Key-Value 数据结构存储系统，支持多种语言,它可以用作数据库、缓存和消息中间件。
一、存储系统特性 内存存储与持久化 Redis 主要将数据存储在内存中，这…
某省公共资源交易中心爬虫逆向分析
目标网站
aHR0cHM6Ly95Z3AuZ2R6d2Z3Lmdvdi5jbi8jLzQ0L3NjenQteHEvP3VzZXJJZD02NzM4OTg2MzkyNjA3NzAzMDQmcm93SWQ9NTI1MDYyMDI2ODg0NzE2NTQ0JnRpbWU9MjAwOC0xMS0yNiZjZXJ0aWZpY2F0ZU5vPTkxNDQwOTA0NjgyNDI2MzU4QyZjZXJ0aWZpY2F0ZVR5cGU9Mjg
一、抓包分析
请求头参数加密 二、…
【C语言-数据结构】单链表的定义
单链表的定义（实现）
比较顺序表和单链表的物理存储结构就能够清楚地发现二者的区别 用代码定义一个单链表
typedef struct LNode{ElemType data; //每个结点存放一个数据元素struct LNode* next; //指针指向下一个结点
}LNode, *LinkList;//要表示一个…
微信CRM系统适合什么企业？
CRM（客户关系管理）系统适合多种行业和企业，包括但不限于：传统制造业、互联网行业、电商行业、医疗行业、教育行业、交通运输行业、汽车行业、房地产行业、金融行业、银行
CRM的功能覆盖了与客户接触的各个阶段，包括售…
【AI视频】AI虚拟主播制作网站推荐
一、什么是AI虚拟主播？
AI虚拟主播是一种利用人工智能技术打造的虚拟主持人，也被称为数字虚拟主持人。它们通常是由人工智能技术和三维建模技术结合而成，可以在各种平台上进行主持工作，如新闻报道、电商直播、综艺娱乐等。
AI虚…
华润电力最新校招社招润择认知能力测评：逻辑推理数字计算语言理解高分攻略
尊敬的求职者们，
在您准备加入华润电力这个大家庭之前，了解其招聘测评的详细流程和要求是至关重要的。以下是我们为您整理的测评系统核心内容，希望对您的求职之旅有所帮助。
测评系统概览
华润电力的招聘测评系统旨在全面评估求职者的认…
【全网最全】2024年华为杯研赛B题成品论文获取入口（后续会更新）
您的点赞收藏是我继续更新的最大动力！
一定要点击如下的卡片，那是获取资料的入口！
点击链接加入【2024华为杯研赛资料汇总】：https://qm.qq.com/q/hMgWngXvcQhttps://qm.qq.com/q/hMgWngXvcQ你是否在寻找数学建模比赛的突破点&a…
二叉树（二）深度遍历和广度遍历
一、层序遍历
广度优先搜索：使用队列，先进先出
模板：
1、定义返回的result和用于辅助的队列
2、队列初始化：
root非空时进队
3、遍历整个队列：大循环while(!que.empty())
记录每层的size以及装每层结果的变量&a…
Linux基础命令以及常识
镜像站点服务器（相当于下载的网址）也可叫软件源 vim /etc/apt/sources.list 索引文件(网络服务器在本地的缓存) 服务器软件源在本地列出来一个清单，以便于主机进行查询操作 cd /var/lib/apt/lists/
下载软件包默认存放路径 cd /var/cache/a…
Linux_openEuler_24.03部署Oracle 19c部署安装实测验证（无图形桌面-RPM模式）
前言： 近期对openeuler有点兴趣，顺带在做个开发数据仓项目，那就正好安装个环境做个调测，做个记录放上来做个备录给到大家参考。 openEuler 24.03 LTS：四大升级， 首个AI原生开源操作系统正式发布 openEuler …
【医疗大数据】基于 B2B 的医疗保健系统中大数据信息管理的安全和隐私问题分析
基于 B2B 的医疗保健系统中大数据信息管理的安全和隐私问题分析 1、引言
1-1 医疗大数据的特点
10 V模型：在医疗领域，大数据的特点被描述为10 V，包括价值（Value）、体量（Volume）、速度…
C语言-文件操作-一些我想到的、见到的奇怪的问题
博客主页：【夜泉_ly】 本文专栏：【C语言】 欢迎点赞👍收藏⭐关注❤️ C语言-文件操作-一些我想到的、见到的奇怪的问题 前言1.在不关闭文件的情况下，连续多次调用 fopen() 打开同一个文件，会发生什么？1.1过…
【linux-Day4】linux的基本指令＜下＞
【linux-Day4】linux的基本指令<下> linux下的基本指令📢date：显示时间📢cal：显示公历日历📢whereis ： 查找指令->可执行文件/源代码/帮助手册所在的位置📢find ：在目录中搜…
C++ | Leetcode C++题解之第424题替换后的最长重复字符
题目： 题解：
class Solution {
public:int characterReplacement(string s, int k) {vector<int> num(26);int n s.length();int maxn 0;int left 0, right 0;while (right < n) {num[s[right] - A];maxn max(maxn, num[s[right] - A]);i…