uniapp实现点击标签文本域中显示标签内容

先上一个效果图

uniapp实现点击标签文本域中显示标签内容_第1张图片

 实现的效果有:

①.点击标签时,标签改变颜色并处于可删除状态

②.切换标签,文本域中出现标签的内容

③.点击标签右上角的删除可删掉标签,同时清除文本域中标签的内容

④.可输入内容,切换时不影响输入的内容

使用的是uniapp+vue3+uVieww-plus

代码:






 有些样式在全局定义的,自行设置样式。

你可能感兴趣的:(uniapp,vue3,uView-Plus,uni-app,前端,javascript,vue)