2020
09-29
09-29
vue组件系列之TagsInput详解
简介TagsInput是一种可编辑的输入框,通过回车或者分号来分割每个标签,用回退键删除上一个标签。用vue来实现还是比较简单的。先看效果图,下面会一步一步实现他。注:以下代码需要vue-cli环境才能执行(一)伪造一个输入框因为单行的文本框只能展示纯文本,所以图里面的标签实际上都是html元素,用vue模板来写的话,是这样的:<template><divclass="muli-tags"@click='focus'><buttonclass='btn'v-for='(tag,index)inta...
继续阅读 >