35 lines
733 B
Vue
35 lines
733 B
Vue
<template>
|
||
<div>
|
||
<label>选择指标：</label>
|
||
<select v-model="localValue">
|
||
<option v-for="ind in indicators" :key="ind" :value="ind">{{ ind }}</option>
|
||
</select>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, watch } from "vue";
|
||
|
||
const props = defineProps({
|
||
indicators: Array,
|
||
modelValue: String,
|
||
});
|
||
const emit = defineEmits(["update:modelValue"]);
|
||
|
||
// 创建本地变量副本
|
||
const localValue = ref(props.modelValue);
|
||
|
||
// 当父组件传值变化时，同步更新本地变量
|
||
watch(
|
||
() => props.modelValue,
|
||
(val) => {
|
||
localValue.value = val;
|
||
}
|
||
);
|
||
|
||
// 当选择变化时，向父组件同步
|
||
watch(localValue, (val) => {
|
||
emit("update:modelValue", val);
|
||
});
|
||
</script>
|
||
|