From 3959e507bfa99cc4ced2a6f48f9b4358334d34c4 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 19 十二月 2023 17:34:45 +0800
Subject: [PATCH] 1. 调试表单选项组件的双向绑定逻辑
---
src/components/search-option/FYOptionScene.vue | 28 +++++++---------------------
1 files changed, 7 insertions(+), 21 deletions(-)
diff --git a/src/components/search-option/FYOptionScene.vue b/src/components/search-option/FYOptionScene.vue
index b02aff2..441b57d 100644
--- a/src/components/search-option/FYOptionScene.vue
+++ b/src/components/search-option/FYOptionScene.vue
@@ -1,7 +1,8 @@
<template>
<el-form-item label="鍦烘櫙绫诲瀷" :prop="prop">
<el-select
- v-model="selectedOptions"
+ :model-value="value"
+ @change="handleChange"
placeholder="鍦烘櫙绫诲瀷"
style="width: 150px"
>
@@ -43,31 +44,16 @@
data() {
return {
sceneTypes: enumScene(this.type, this.allOption),
- selectedOptions: {},
};
},
- watch: {
- selectedOptions: {
- handler(nVal, oVal) {
- if (nVal != oVal) {
- this.$emit('update:value', nVal);
- }
- },
- deep: true,
- },
- value: {
- handler(nVal, oVal) {
- if (nVal != oVal) {
- this.selectedOptions = nVal;
- }
- },
- deep: true,
- immediate: true
- },
+ methods: {
+ handleChange(value) {
+ this.$emit('update:value', value);
+ }
},
mounted() {
if (this.initValue) {
- this.selectedOptions = this.sceneTypes[0];
+ this.handleChange(this.sceneTypes[0]);
}
},
};
--
Gitblit v1.9.3