element-ui select组件传对象的问题

    在开发过程中,用了饿了么的element-ui,我只能说它的文档是真的很粗糙,很多变量只给了一句解释,很多时候根本不知道是干嘛的。

    在用select组件的时候,官方给出的例子是option 里面的value绑定一个值(不能是对象,绑定的对象的话就变成了选项全部变蓝,而且出问题)。但是在开发过程中,确实遇到了需要绑定对象的时候,看官方文档根本没发现怎么解决,后来通过百度,谷歌才知道,原来在select上面加上value-key = id ,然后在option里面的key = id,就可以通过value传对象了。下面附上代码:

<el-select value-key="id" size="medium" v-model='value'>
                                        <el-option  v-for="item in data" :key="item.id" :label=item.label :value="item">
                                        </el-option>
                                    </el-select>

猜你喜欢

转载自blog.csdn.net/qq_24073885/article/details/80756915