placeholder在html中是什么意思(placeholdertilelogofolder文件夹)

前几天在接触vue开发的时候,小叶遇到一个比较棘手的问题,明明是按照逻辑模板去实现的内容,硬是没有直观的展示,最后查阅了很多资料,也百度了一部分问题,最后终于解决了这个问题,这个问题说到底也是比较简单,但是对于新手来看也比较难受,毫无逻辑可寻,特别是针对我这个从后端转到前端小开发而言。希望在这里分享出来,能够帮助到大家。

placeholder在html中是什么意思(placeholdertilelogofolder文件夹)插图

				<a-select
          v-model="record.tabType"
          placeholder="请选择地区"
        >
          <a-select-option v-for="item in dpList" :key="item.value" :value="item.value">
            {{ item.label }}
          </a-select-option>
        </a-select>

主要原因分析:

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

解决方案:

placeholder的value值设置为undefined即可(我是在组件创建的时候需要初始化这个下拉框的提示,如果已经有值,则不会强行给他赋值,可能会有上一步 下一步的操作,需要保留这个缓存)

 created () {
    // 组件创建时初始化默认值
    this.dataList.forEach(item => {
      if (!item.ifMark) {
        item.ifMark = undefined
      }
    })
  },
placeholder在html中是什么意思(placeholdertilelogofolder文件夹)插图1

**本论坛部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本论坛仅供提供学习交流和参考,禁止用户用于商业行为,并请于下载后24小时内删除,若喜欢该作品请联系原作者购买正版。如果您发现论坛上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
158自学网 » placeholder在html中是什么意思(placeholdertilelogofolder文件夹)
关于售后:
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系微信/QQ:406499404,无条件退款
(3)仅支持原渠道退回,微信支付,支付宝退回至您当初选择的付款方式
(4)不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的,请放心!
(5)因部份资源来源互联网,本站不担保其完整性,请知悉!

提供最优质的资源集合

立即查看 了解详情
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡