码上敲享录 > vue.js常见问题详解 > select使用v-model在没选择时显示提示语

select使用v-model在没选择时显示提示语

上一章章节目录下一章 2019-12-18已有1819人阅读 评论(0)

select使用v-model在没选择时显示提示语


解决方法:

假如dataItem.settings.groupOpts是存放选项的数组,一开始与select绑定的opt.groupOptId是没值的,我想显示请选择分组提示语。

<select  v-model="opt.groupOptId">              

<option  v-if="!opt.groupOptId" :value="opt.groupOptId" disabled selected hidden>请选择分组</option>

<option  :value="groutOpt.id" v-for="groutOpt in dataItem.settings.groupOpts" >{{groutOpt.title}}</option>

</select>


1

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交