关于antd框架select选择框默认文字不显示问题

309 阅读1分钟

antd框架中,

select与tree-select组件设置placeholder的时候,如果绑定的是v-model,select需设置其绑定值为undefined,tree-select需设置其绑定值为undefined或者null。

         <a-select
             ref="select"
             class="query-select"
             placeholder="请选择安装形式"
             v-model:value="formModel.tankInstallMode"
            :options="tankInstallModeSelect"
             ></a-select>
// formModel: defaultFormModel(),
const defaultFormModel = () => ({
    id: null,
    enterpriseName: "",
    tankName: "",
    tankId: null,
    tankStatus: undefined,
    dangerChemicalType:undefined,
    reserves: "",
    designPressure: "",
    tankStruture: undefined,
    tankType: undefined,
    tankInstallMode:undefined,
    updateTime:"",
});

假如说你使用的是a-from组件来包裹这两个组件,不用v-model而使用v-decorator进行绑定值,可以直接设置placeholder。