Ant Design Vue 中遇到的坑（三） a-select、tree-select组件placeholder属性不起作用

一、发生场景在使用Ant Design 时,在表单中使用a-select、tree-select组件时设置的placeholder一直不显示。二、原因a-select、tree-select组件使用 v-model绑定的值由于是从后台请求，初始值设为了"",故placeholder没有能够生效。三、解决办法对于a-select组件，可以将v-model绑定的初始值修改成 undefined即可生效

陈乾cQQ

4830人浏览 · 2021-01-15 09:31:57

陈乾cQQ · 2021-01-15 09:31:57 发布

一、发生场景

在使用Ant Design 时,在表单中使用a-select、tree-select组件时设置的placeholder一直不显示。

二、原因

a-select、tree-select组件使用 v-model绑定的值由于是从后台请求，初始值设为了"",故placeholder没有能够生效。

三、解决办法

对于a-select组件，可以将v-model绑定的初始值修改成 undefined即可生效。
对于tree-select组件，可以将v-model绑定的初始值修改成 null 或 undefined 都可生效。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^