zoukankan      html  css  js  c++  java
  • 解决elment 动态多选框组(el-checkbox-group)无法设置默认值问题

    <el-checkbox-group v-model="form.showProperty">
     <el-checkbox v-for="(item,idx) in properties" :key="idx" :label="item" :disabled="item.must">{{item.name}}</el-checkbox>
    </el-checkbox-group>

     备注:v-model 直接绑定value的似乎不需要这样直接可以绑定,我这种是绑定的Object,所以需要这样写

    这种情况设置默认值 本来只需要设置:

    this.form.showProperty = ['a','b']

    我们页面就可以默认选中a选项和b选项,实际上当我们这样写的时候却不能实现默认选中,我们只需将设置选中代码写入$nextTick里面,就能默认选中了

    this.$nextTick(()=>{
       this.form.showProperty = ['a','b']
    })


  • 相关阅读:
    IO
    多线程
    常用类
    异常
    接口
    面向对象
    面向对象
    学习数组
    for的嵌套循环
    XML:是什么?怎样工作的?可以做什么?将来的发展有会怎样?
  • 原文地址:https://www.cnblogs.com/cxxb/p/12187837.html
Copyright © 2011-2022 走看看