antd a-select组件placeholder不显示解决办法和原因

2023-11-18

       <a-select
          ref="select"
          v-model:value="formState.parentId"
          style="width: 100%"
          placeholder="请选择"
        >
        </a-select>
   setup(props, { emit }) {
    const formState = reactive<Form>({
      parentId: undefined,//不能为''或者null
    })

解决办法:placeholder不显示是因为设置了value值为"或者null,把value值设为undefined就可以了

原因:placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。当组件绑定了value后,值不再是空,即时初始化值为""或null也视为有值,所以placeholder自然就不会显示。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

antd a-select组件placeholder不显示解决办法和原因 的相关文章

随机推荐

  • jsonp跨域

    由于浏览器的同源策略 前端请求存在跨域问题 jsonp解决跨域是利用了html的有些标签 例如script link img iframe等的天生具有跨域请求的特点 例子如下 a href 测试 a
  • 逃跑吧少年辅助快乐羊儿吧

    逃跑吧少年是4399刚刚推出的一款小游戏 收到热烈欢迎 绝对的高热度2d刺激小游戏 同时我还发过一个帖子不过被CSDN删掉了 所以我来这里我自己的博客重新发一遍 下载地址 点我下载 点击后会跳转到诚通网盘 有三个按钮 大家点击普通下载按钮
  • 渗透测试——cookie注入

    1 cookie注入原理 Cookie最先是由Netscape 网景 公司提出的 Netscape官方文档中对Cookie的定义是这样的 Cookie是在HTTP协议下 服务器或脚本可以维护客户工作站上信息的一种方式 Cookie的用途非常
  • CTFHUB-时间注入

    时间盲注 页面回显的结果只有一种 原理和布尔盲注盲注类似 用 if exp sleep N 1 为例 true 页面执行了sleep N 就会等待N秒再执行 false 页面秒刷新 常用函数 sleep N 暂停或睡眠或等待脚本执行N秒 查
  • Android常见SWT/ANR原因

    文章目录 一 为什么需要SWT 二 常见问题类型 三 常见SWT ANR原因有如下几种 1 等锁 2 SurfaceFlinger卡住 3 Native方法执行时间过长 4 Binder Server卡住 5 Zygote fork进程时卡
  • error: #29: expected an expression,error: #140: too many arguments in function call

    新手学习stm32遇到的小问题分享 小白有时候头脑发热就会出现低级错误 以此自戒 函数调用出现错误 函数只有在定义或声明时需要定义参数才需要用到数据类型 如果调用时再使用数据类型就会出现一下问题 只需把RCC Config void 改为R
  • 前端面试题:一个200*200的div在不同分辨率屏幕上下左右居中,用css实现。

  • Bootstrap页面内容——边框、颜色、显示、嵌入

    Bootstrap 一 边框 1 添加边 2 删除边框 3 边框颜色 4 边框圆角 4 大小 二 颜色 1 文字颜色 2 背景颜色 3 背景渐变 三 显示Display 1 常用显示属性 2 none 3 设备 4 嵌入 1 长宽比例处理
  • Jupyter 的安装及使用,超详细懂中文就会

    这里是本文的目录 Jupyter 是什么 Jupyter Notebook 的安装 命令行安装 Jupyter Notebook VsCode 安装Jupyter Notebook Anaconda 安装Jupyter Notebook V
  • 华为od机考题目-HJ68-成绩排序(比较难)

    while 1 try count int input reverse True if input 0 else False temp lt
  • Go面试必会基础题

    文章目录 1 请指出下面代码的错误 2 下面代码输出什么 3 下面代码输出什么 4 下面的代码有什么问题 5 下面代码输出什么 6 下面代码有几处错误的地方 请说明原因 1 请指出下面代码的错误 package main var gvar
  • 登录界面——渗你千千万万遍

    常见的登录界面的渗透测试思路 声明 未授权情况下攻击站点属于非法行为 请不要进行任何非授权的网络攻击 由于传播 利用本文所提供的信息而造成的任何直接或间接的后果及损失 均由使用者本人负责 文章作者不为此承担任何责任 求生欲拉满 前言 大家都
  • CodeFun-UI 设计稿智能生成前端源代码

    大厂技术 高级前端 Node进阶 点击上方 程序员成长指北 关注公众号 回复1 加入高级Node交流群 前言 前端近年来一直在尝试如何提高开发人员的效率 从最初的脚手架工具 组件库 持续集成体系 自动化测试 多端适配到现在的全面的低代码平台
  • Javaweb-购物商城实现展示商品,实现购物车购物,结算(Servlet+mysql+jsp+tomcat)

    演示视频 购物网站 代码 https github com wu1369955 shopping 购物网站首页 首先说明 这个是花几天搭建出来玩的 从github上拉到找好看的框架组合的 效果还不错 主要是学习作用 源码之类的也会分享出来
  • 快速部署私有云笔记,免费享受多端同步

    一 老Q笔记之一路坎坷 市面上的笔记软件非常多 有些是本地编辑功能特别强大但是不支持云同步 有些是支持上云但是编辑功能不够完善 选择一款合适的云笔记软件 无疑能让我们工 学习的时候更加顺心 顺手 这么多年来老Q使用过很多云笔记软件 大家听闻
  • 使用elementUI的el-tag实现菜单tab标签,实现右键菜单 关闭当前,关闭其他、关闭全部以及超出长度是隐藏并可左右滑动功能。

    1 效果展示 2 功能分析 2 1 点击左侧菜单时添加标签 标签要以数组形式存在vuex里进行管理 数组里每一个对象里面都有三个属性 如下 tagList path home name home label 首页 添加时我们要判断该标签是否
  • Topaz 全家桶最新中文版分享

    之前也推荐过Topaz的图像无损放大工具 使用过的或者了解过的应该知道这个公司的工具偏向于AI处理 操作简单 但是效果却很棒 这家公司的图像及视频处理工具种类很多 涉及各个方面 今天小编花钱给整来一套最新中文版本的全家桶 希望你们喜欢哈 T
  • CSDN编辑一些代码

    图片居中 只需要在图片下方代码页最后的括号内加上 pic center即可
  • 8款免费企业邮箱

    1 谷歌免费企业邮箱 已收费 标准版 https www google com a cpanel domain new 教育版 https www google com a cpanel education new支持50个帐号 目前每个帐
  • antd a-select组件placeholder不显示解决办法和原因