feat 添加自定义下拉列表

This commit is contained in:
LittleBoy 2022-12-08 21:18:19 +08:00
parent d86dced42c
commit 42b86e8c51
2 changed files with 16 additions and 1 deletions

View File

@ -15,6 +15,8 @@
<script lang="ts"> <script lang="ts">
import ArrowDown from "../icon/ArrowDown.vue"; import ArrowDown from "../icon/ArrowDown.vue";
import {ref} from "vue"; import {ref} from "vue";
import {CHANGE_EVENT, UPDATE_MODEL_EVENT} from "../../service/constants";
export interface OptionItemType { export interface OptionItemType {
label: string; label: string;
value?: any; value?: any;
@ -25,7 +27,17 @@ export interface OptionItemType {
export default { export default {
name: "PSelect", name: "PSelect",
components: {ArrowDown}, components: {ArrowDown},
props: {}, props: {
placeholder: {
type: String,
},
},
emits: [
UPDATE_MODEL_EVENT,
CHANGE_EVENT,
'focus',
'blur',
],
setup(props) { setup(props) {
const selectValue = ref(props.modelValue) const selectValue = ref(props.modelValue)
return { return {

View File

@ -0,0 +1,3 @@
export const UPDATE_MODEL_EVENT = 'update:modelValue'
export const CHANGE_EVENT = 'change'
export const INPUT_EVENT = 'input'