a input tag editor component of Element UI
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| size | size of input | string | mini / small / medium | |
| readonly | whether input is readonly | boolean | false | |
| type | component type | string | success/info/warning/danger | |
| hit | whether Tag has a highlighted border | boolean | false | |
| color | background color of the Tag | string | ||
| effect | component theme | string | dark/light/plain | light |
npm/cnpm i el-input-tag --save
- global
import ElInputTag from 'el-input-tag'
Vue.use(ElInputTag)- component
import {ElInputTag} from 'el-input-tag'
export default {
components: {ElInputTag}
}<div>
<el-form :model="form" ref="form">
<el-form-item>
<el-input-tag v-model="form.tags"></el-input-tag>
</el-form-item>
</el-form>
</div>Add el Tag Component before use