是否默认选中select选择框的值

饱饱~~

于 2023-05-12 10:03:36 发布

阅读量196

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_58893670/article/details/130635936

版权

当appkey发生变化时，系统会返回多个服务分组，用户需手动选择；若返回唯一服务分组，则自动默认选中。在界面中，使用mtd-select组件实现这一功能，如果服务分组列表长度为1，则直接设置为默认选中，否则保持未定义状态，等待用户选择。

摘要由CSDN通过智能技术生成

当 appkey 发生改变的时候，如果服务分组返回了多个，需要用户手动选择，如果只返回了一个服务分组则默认选中

<mtd-form-item
    label="服务分组:"
    :label-width="130"
    prop="groupName"
    v-if="servingType == 'TritonServing'"
>
    <mtd-select
        style="width: 320px"
        v-model="formParams.serviceNameserviceName"
        placeholder="请选择服务分组"
        @change="groupNameChange"
    >
        <mtd-option
            v-for="item in serviceGroupList"
            :key="item.name"
            :label="item.name"
            :value="item.name"
            @mouseenter.native="showTips($event, item)"
            @mouseleave.native="hideTip($event)"
        />
</mtd-select>

if (this.serviceGroupList.length === 1) {
    this.formParams.serviceNameserviceName = this.serviceGroupList[0].name;
} else {
    this.formParams.serviceNameserviceName = undefined;
}