下拉框的“默认选择“设置

书读百遍其义自见，每一次阅读都有不一样的感觉。

近期再次重读vue的官方教程时，发现很多之前没有重视的地方，其实在使用的时候还是能带来不少便利的。

比如：

如果 v-model 表达初始的值不匹配任何的选项，<select> 元素就会以”未选中”的状态渲染。在 iOS 中，这会使用户无法选择第一个选项，因为这样的情况下，iOS 不会引发 change 事件。因此，像以上提供 disabled 选项是建议的做法。

  <select>
    <option disabled value="">请选择</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>

既能实现初始化时 select 默认处于待选择的状态，同时也是触发change事件。

 

 

【拓展】：关于 input 事件和change事件的区别，可以参考如下文章。 http://blog.csdn.net/freshlover/article/details/39050609