0
点赞
收藏
分享

微信扫一扫

ArcGIS实现不同地块分类与面积汇总

瑾谋 2024-06-21 阅读 37

目录

a-select vModel时placeholder不显示问题

问题描述:select 组件绑定了v-model和placeholder,v-model的value默认值为空字符串或者null时,select组件的placeholder属性不显示

<a-select v-model="value" placeholder="请选择">
  <a-select-option value="test">test</a-select-option>
</a-select>

placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。那我理解空字符串和null在js中都可以是值为空的概念,为什么不显示placeholder呢?

因为在ant-design-vue中,当组件绑定了v-model且绑定值初始化时,值不再是空,即时初始化值为’'也视为有值,所以placeholder自然就不会显示。

那么怎么样才能代表值没初始化呢?两个办法:

  1. 定义对象,v-model绑定form.value,在data里面定义form空对象,此时value这个就是未初始化的
  2. value初始化未undefined,也能代表是未初始化的

其实两个方案是一个原理,初始化成undefined未定义就好啦。

举报

相关推荐

0 条评论