该组件用于展示一个带有选择按钮的输入框,同时可以展示选择的标签。
<SelectInput v-model="selectedValues" @click="handleClick" />
<template>
<SelectInput v-model="selectedValues" @click="handleClick" />
</template>
<script setup>
import SelectInput from '@/components/SelectInput/SelectInput.tsx'
import { ref } from 'vue'
const selectedValues = ref([])
const handleClick = () => {
// 处理点击选择按钮的逻辑
}
</script>
在该示例中,SelectInput 组件被使用,并通过 v-model 双向绑定了选择输入框的值。当点击选择按钮时,会触发 click 事件,调用 handleClick 方法处理点击事件。
| 属性名 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| modelValue | Array | [] | 否 | 选择输入框的值 |
| 事件名 | 参数 | 描述 |
|---|
| click | - | 点击选择按钮时触发 |
| update:modelValue | Array | 更新选择输入框的值时触发 |