# 多项填写输入框
20011111
20018888
20019874
20015656
20015555
<template>
<zMutiInput
placeholder="请输入员工工号"
allowClear
outsideClose
useLabel
allowDeleteLabel
v-model="modalData"/>
</template>
<script>
export default {
data() {
return {
modalData: ['20011111', '20018888', '20019874', '20015656', '20015555'],
}
}
}
</script>
属性
| Name | Type | Default | Description |
|---|---|---|---|
| placeholder | String | "请输入" | 输入框默认展示内容 |
| allowClear | Boolean | false | 是否在展示框内显示清空图标 |
| outsideClose | Boolean | false | 是否允许点击外部关闭填写框 |
| value/v-model | Array | [] | 输入框内容 |
| useLabel | Boolean | false | 是否使用标签展示 |
| needBlank | Boolean | false | 配合useLabel使用,是否需要空白 |
| allowDeleteLabel | Boolean | false | 配合useLabel使用,是否允许删除标签 |