直接上代码
HTML:
<el-form-item label="优惠类型">
<el-select
v-model="queryParams.deductionType"
placeholder="请选择优惠类型"
>
<el-option
v-for="item in options"
:key="item.id"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
js:
<script setup >
import { reactive,ref } from "vue";
const queryParams = reactive({
deductionType: "",
});
const options = ref([
{
id: 1,
label: "余额",
},
{
id: 2,
label: "抵扣金",
},
]);
</script>