本文主要是介绍vue2踩坑记录:el-select如何绑定对象,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
页面上的下拉框:
选中人员之后,需要使用人员的其它信息做后续操作。所以不能只绑定用户Id,需要绑定整个item(用户对象),这样每次change事件所获取到的newValue是整个对象,而且v-model中的变量指向的也是整个对象,方便后续操作。
但是绑定对象后,无法正确响应,点击第一个选项时,页面显示选中的是第一个人,但是后台data是正确的。
官网有这么一句话:
原来,这时必须添加value-key属性,作为 value 唯一标识的键名。
原理应该是:你给它绑定一个对象,它不知道如何判断这些对象是否相同,比如,无法判断什么时候触发change事件。。所以,需要你告诉它,通过哪个键值来判断你选中的这个对象跟上一个选中项之间是否发生了变化,所以,其值与el-option中的Key保持一致即可。
这篇关于vue2踩坑记录:el-select如何绑定对象的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!