zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: base xtselect emit change

This commit is contained in:
caoqianming 2024-12-05 15:21:56 +08:00
parent bc583ecb8d
commit 5ec953ff2e
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/xtSelect/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-input ref="inputRef" v-model="selectLabel" :readonly="true"> <el-input ref="inputRef" v-model="selectLabel" :readonly="true" :placeholder="placeholder">
<template #prefix v-if="edit"> <template #prefix v-if="edit">
<el-button <el-button
text text
@ -72,6 +72,7 @@ import { ref, defineProps, defineEmits, computed, onMounted } from "vue";
const props = defineProps({ const props = defineProps({
multiple: { type: Boolean, default: false }, multiple: { type: Boolean, default: false },
placeholder: { type: String, default: "请选择" },
edit: { type: Boolean, default: true }, edit: { type: Boolean, default: true },
hidePagination: { type: Boolean, default: false }, hidePagination: { type: Boolean, default: false },
tableWidth: { type: Number, default: 600 }, tableWidth: { type: Number, default: 600 },
@ -171,6 +172,7 @@ const rowClick = (row) => {
selectValue.value = row[props.valueField]; selectValue.value = row[props.valueField];
showPopover.value = false; showPopover.value = false;
} }
emit("change");
}; };
const handleClear = () => { const handleClear = () => {
@ -183,6 +185,7 @@ const handleClear = () => {
selectValue.value = null; selectValue.value = null;
} }
emit("update:label", ""); emit("update:label", "");
emit("change");
}; };
const tdChange = (res, tableData) => { const tdChange = (res, tableData) => {
@ -198,7 +201,8 @@ const selectionChange = (val) => {
selectLabel.value = val selectLabel.value = val
.map((item) => item[props.labelField]) .map((item) => item[props.labelField])
.join(props.splitField); .join(props.splitField);
emit("update:label", val);
} }
emit("update:label", val);
emit("change");
}; };
</script> </script>