时间戳

首页 > 解决方案 > 如何将芯片放入 vuetify 中的文本字段？/ 如何创建主题标签（在文本字段中）？

vue.js - 如何将芯片放入 vuetify 中的文本字段？/ 如何创建主题标签（在文本字段中）？

问题描述

我正在尝试将筹码包含在文本字段中，以便您在社交媒体中的普通文本旁边获得筹码。我基本上是在尝试在 vuetify 文本字段中实现主题标签，也使用“#”来启动芯片。

这是我到目前为止所得到的。

https://codepen.io/issabln/pen/WLzrLG

 <v-combobox 
                multiple
                v-model="select" 
                  :items="select"
                label="LABEL" 
                placeholder="tags"
                small-chips
                deletable-chips
              :search-input.sync="search" 
                @keyup.tab="updateTags"
                @paste="updateTags">
      </v-combobox>

（还有更多。请点击链接）

我想把它放到一个输入/文本区域标签中。喜欢：

<v-input> <tag></tag> </v-input>

所以只有当我在一个单词前打一个#，它才会变成一个筹码。

标签： vue.jstextfieldvuetify.jshashtag

解决方案

推荐阅读