fix(InputMenu/SelectMenu): prevent unnecessary updates when modelValue is unchanged (#2507)

This commit is contained in:
Ersan Karimi
2024-11-05 23:08:36 +08:00
committed by GitHub
parent c71fdc8795
commit 1a94b55caa
2 changed files with 11 additions and 2 deletions

View File

@@ -91,7 +91,7 @@
</template>
<script lang="ts">
import { ref, computed, toRef, watch, defineComponent } from 'vue'
import { ref, computed, toRef, watch, defineComponent, toRaw } from 'vue'
import type { PropType } from 'vue'
import {
Combobox as HCombobox,
@@ -436,6 +436,11 @@ export default defineComponent({
function onUpdate(value: any) {
query.value = ''
if (toRaw(props.modelValue) === toRaw(value)) {
return
}
emit('update:modelValue', value)
emit('change', value)

View File

@@ -123,7 +123,7 @@
</template>
<script lang="ts">
import { ref, computed, toRef, watch, defineComponent } from 'vue'
import { ref, computed, toRef, watch, defineComponent, toRaw } from 'vue'
import type { PropType } from 'vue'
import {
Combobox as HCombobox,
@@ -551,6 +551,10 @@ export default defineComponent({
})
function onUpdate(value: any) {
if (toRaw(props.modelValue) === value) {
return
}
emit('update:modelValue', value)
emit('change', value)
emitFormChange()