zoukankan      html  css  js  c++  java
  • el-select 中 v-model 绑定的值以及如何进行回显

    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属性,存在其他属性也不会影响回显
    //这样即可回显

      

  • 相关阅读:
    PAT 甲级 1132 Cut Integer (20 分)
    AcWing 7.混合背包问题
    AcWing 9. 分组背包问题
    AcWing 5. 多重背包问题 II
    AcWing 3. 完全背包问题
    AcWing 4. 多重背包问题
    AcWing 2. 01背包问题
    AcWing 875. 快速幂
    AcWing 874. 筛法求欧拉函数
    AcWing 873. 欧拉函数
  • 原文地址:https://www.cnblogs.com/yxkNotes/p/11584842.html
Copyright © 2011-2022 走看看