ant-deging-vue一个输入框内输入你想要的标签,然后回车就会创建出来一个标签 ,这个标签也是在这个输入框的里面的。
时间: 2024-03-22 20:41:12 浏览: 89
很抱歉,我不太明白您的问题。您是在问如何实现一个输入框,可以在其中输入标签并回车来创建新标签吗?如果是,您可以尝试使用 JavaScript 和 HTML 来实现这个功能。具体可以参考以下代码:
HTML 代码:
```html
<input type="text" id="tag-input" onkeydown="createTag(event)">
<div id="tag-container"></div>
```
JavaScript 代码:
```javascript
function createTag(event) {
if (event.keyCode === 13) { // 判断是否按下回车键
event.preventDefault(); // 阻止默认事件
const tagInput = document.getElementById('tag-input');
const tagContainer = document.getElementById('tag-container');
const newTag = document.createElement('div'); // 创建新标签
newTag.innerText = tagInput.value; // 设置标签内容
tagContainer.appendChild(newTag); // 将新标签添加到标签容器中
tagInput.value = ''; // 清空输入框
}
}
```
当用户在输入框中按下回车键时,会调用 `createTag` 函数,函数中会创建一个新的标签,并将其添加到标签容器中。此外,还会清空输入框。您可以根据实际需求修改代码。
阅读全文