Vue中select下拉框默认选中项的三种情况如何解析？

本文共计1557个文字，预计阅读时间需要7分钟。

目录 + Vue + Select 下拉框的默认选中项的三种情况

1.第一种情况是option的值写在HTML中

2.第二种情况是option+选项内容写在JS中

3.第三种情况是option+选项内容+Vue中select默认选中第一条

目录

• vue select下拉框的默认选中项的三种情况
• 第一种是option的值写在HTML中
• 第二种是option 选项内容写在JS中的
• 第三种是option 选项内容
• vue中select默认选中下拉选项第一条（举例iview AutoComplete组件）
• html中
• vue中
• 总结

vue select下拉框的默认选中项的三种情况

在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值。

select下拉框在界面的展示，我们都希望看到框中有一个值 而不是空白，比如显示 “请选择” 或者 “全部” 的默认值。