美文网首页
el-select绑定为对象时,选择显示对象属性

el-select绑定为对象时,选择显示对象属性

作者: never_b6a7 | 来源:发表于2021-08-17 15:44 被阅读0次

1.v-model绑定的是某个值的时候,无可厚非,可以拿对应的值进行回显

2.当需要使用options里面其他属性的时候,v-model绑定单个值无法解决需求的时候,需要绑定成对象

<el-select v-model="selected" value-key="id" >
             <el-option value="" label="请选择" />
             <el-option
                v-for="item in options"
                :key="item.id"     
                :label="item.name"
                :value="item"
             />
    </el-select>

:value对应的值是v-model绑定的值,item此时是个对象,因此在取用选中这个对象中的其他数据的时候会非常方便。

回显:在回显的时候v-model绑定的值也必须是对象,也就是selected必须是个对象,且这个对象中必须含有value-key中绑定的属性(同名)

value-ley中绑定的属性名对应着:key中的属性名,回显对象中的 {value-key绑定的属性值 = :key中绑定的对象的值},即可回显成功 value-key 中的名称需和:key值保持一致

selected:{ id: response.result.id }
//对象中必须有id属性,存在其他属性也不会影响回显
//这样即可回显

相关文章

  • el-select绑定为对象时,选择显示对象属性

    1.v-model绑定的是某个值的时候,无可厚非,可以拿对应的值进行回显 2.当需要使用options里面其他属性...

  • 属性

    属性修饰符 赋值时不是对象类型不需要指定任何选项,也可以指定为assign。属性时对象类型,且使用ARCassig...

  • ElementUI el-select change 事件和 r

    将 el-select 绑定属性 value-key (作为 value 唯一标识的键名,绑定值为对象类型时必填)...

  • iOS判断控制器是否已经显示

    假如一个UIView对象当前正在显示,那么它的window属性肯定为非空值

  • dom对象和jq对象-2020-01-01

    dir =>显示对象的所有属性和方法。原生选择器获取dom对象.png JQ选择器获取图片.png ?JQ对象和D...

  • type script学习

    keyof:限定为对象()的某个属性 合并接口:

  • JS构造函数创建对象时的传参问题

    当对象属性为字符串时 通过构造函数传参的方式新建对象,并可以正确输出对象 但是如果对象在属性值为一个对象 会显示*...

  • element中el-select、el-radio-group

    element-UI 的 el-select 组件里,当v-model 绑定为对象类型,并对其设定默认值 从后端获...

  • egret基础

    显示对象: 具体的显示出来的对象,就是我们在页面上看到的东西:比如: 显示对象公共属性 显示对象的父类 就是用来创...

  • 判断当前窗口是否显示

    判断当前窗口是否显示 假如一个UIView对象当前正在显示,那么它的window属性肯定为非空值。虽然官方文档未说...

网友评论

      本文标题:el-select绑定为对象时,选择显示对象属性

      本文链接:https://www.haomeiwen.com/subject/pmkibltx.html