El marcador de posición del componente de selección de AntDesign no muestra el problema

El marcador de posición mostrará el texto de reemplazo cuando el valor de los datos de montaje del componente actual no esté definido. Cuando el componente está vinculado al modelo v " ", se considerará como un valor incluso si está inicializado , por lo que, naturalmente, el marcador de posición no se mostrará.

Solución: cambie el valor del enlace del modelo v durante la inicialización en undefinedlugar de " "!

El problema original se registra de la siguiente manera:

// 界面代码
  <a-form layout="inline">
    <a-form-item label="时间范围">
      <a-range-picker @change="onSearch" v-model="searchParams.dateRange"/>
    </a-form-item>
    <a-form-item label="查询">
      <a-input-group compact>
        <a-select
          style="width: 160px;"
          v-model="searchParams.property"
          show-search
          placeholder="请选择属性"
          @change="handleChange">
          <a-select-option :value="1">接口名</a-select-option>
          <a-select-option :value="2">配网随机数</a-select-option>
        </a-select>
        <a-select
          style="width: 160px;"
          v-model="searchParams.status"
          show-search
          placeholder="请选择状态代码"
          @change="handleChange">
          <a-select-option :value="1">接口名</a-select-option>
          <a-select-option :value="2">配网随机数</a-select-option>
        </a-select>
      </a-input-group>
    </a-form-item>
  </a-form>

// 挂载数据如下
data () {
    
    
    return {
    
    
      searchParams: {
    
    
        dateRange: '', 
        property: '', // 为空并不等于undefined,改为undefined就能正常显示
        status: undefined // 正常显示placeholder
      } 
    }
  },

Artículo de referencia: https://blog.csdn.net/qq_42177478/article/details/109001859