iview tag手动输入
时间: 2023-06-29 16:10:31 浏览: 80
1-iView基础.rar_iview
您可以使用 iview 的 Tag 组件进行手动输入。具体操作如下:
1. 在需要使用 Tag 的页面中引入 iview 组件库:
```html
<link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css">
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>
```
2. 在页面中使用 iview 的 Tag 组件,并设置 `input` 属性为 `true`,允许用户手动输入:
```html
<template>
<div>
<Tag :input="true" @on-input="handleInput"></Tag>
</div>
</template>
```
3. 在组件的 methods 中定义 `handleInput` 方法,用于处理用户输入的内容:
```javascript
methods: {
handleInput(value) {
console.log('用户输入了:', value);
}
}
```
这样,当用户在 Tag 组件中输入内容时,就会触发 `handleInput` 方法,您就可以在此方法中处理用户输入的内容了。
阅读全文