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