javascript - 如何在没有多个属性的情况下在 semantic-ui-vue 下拉列表中显示占位符?

标签 javascript vue.js vuejs2 dropdown semantic-ui

我正在使用 semantic-ui-vue 下拉菜单,如果我不使用 multiple 属性,placeholder 选项将不起作用。

这是我的沙箱 link .

我放置了 2 个下拉列表:

  1. 没有 multiple 属性的下拉列表 - Placeholder 不起作用
  2. 具有 multiple 属性的下拉列表 - Placeholder working

如何将占位符放在第一个下拉列表中?同样的情况,placeholder在他们的官方documentation中工作.

最佳答案

semantic-ui-vue 要求 v-model 值为 null 以便将其视为“空”

因此,如果您将代码修改为而不是默认为空字符串 from: "" 您默认为 from: null

关于javascript - 如何在没有多个属性的情况下在 semantic-ui-vue 下拉列表中显示占位符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55809283/

相关文章:

vue.js - Vuetify - 单击时显示工具提示

vue.js - 如何获取状态值并传入方法参数

laravel - 向 VueJS + Vue Router 中的组件发送数据

javascript - 两次点击后如何调用函数?

Javascript 从 PHP 获取内容

javascript - D3 V4 旭日图布局圆弧计算

javascript - 如何在 VeeValidate 规则之间使用多范围

javascript - shadowbox 在新页面上打开图像

javascript - 如何暂时禁用 Vue JS 中的条件渲染按钮?

vue.js - 如何使用 vue.js 2 将 prop 传递给输入值?