最近的项目前端引用了Vue.js，因为初次使用，只是用了其数据双向绑定的功能，现在mvvm模式比较火，我想以后也是前端的趋势，因此早点接触，早点适应这种模式还是有必要的。 在使用过程中也是边查资料边coding，其中有个问题花了将近20分钟才解决，解决方案不是最好的，就目前我对Vue的知识面掌握来看，就先这样解决了，因此把它记录下来，方便以后查阅。

场景重现

       select标签选项数据需要从后台拉取，Ajax数据拉取是没有问题，但需要在取完数据后让select A默认选择第一项就出现问题了，试过很多方法都不行，运用排除法找到了原因，由于页面加载时调用$set给页面中另一个select B初始化负责时，触发了此select B的change事件，此时Vue会重新对页面标签进行数据绑定，而初始化Vue数据时，目标select A的初始化字段值是随便写的，并未和后台拉取数据后的option中任何一个值对应，因此select不会默认选择，最终解决的方案是给select A标签绑定上change事件，页面加载绑定完数据后会默认调用change事件，在事件里给select A赋默认值，当然要加状态位标志首次进入页面，否则select A标签就无法切换了，好了就此结案。

PS总结： 博观而约取,厚积而薄发。(苏轼)

本文由周元俊博客原创出品，如需转载请注明出处

本文出处：http://www.youtiy.com/detail_296.html