• 解决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']
    })


  • 相关阅读:
    郑码
    AutoCAD 安装
    China Mobile 移动
    CCB 建行
    Word基础
    Java 继承
    Java 封装(内部类)
    Java 类与对象
    Java 方法
    Java 数组
  • 原文地址:https://www.cnblogs.com/cxxb/p/12187837.html
Copyright © 2020-2023  润新知