ele单元格用toggleRowSelection(row, true)回显遇到的问题

今天在做项目时有遇到表格里多选的选中内容后再次打开默认选中打钩,ele单元格用toggleRowSelection(row, true)回显时row必须返回当前列表渲染用的数据,自己存的数据是无效的,而且用toggleRowSelection这个方法时就会报 报错 toggleRowSelection‘ of undefined。

解决方法是  :加了个this.$nextTick(function () {})在外边,问题解决

this.$nextTick(function () {
  this.tableData.forEach(row => {
    if (row.enable) {
      this.$refs.multipleTable.toggleRowSelection(row, true);
    }
  })
});
 // 按数组回显选择框
    echoCheckbox() {
     ...
      this.selectObj[this.page].forEach(_item => {
        this.tableData.forEach(item => {
          if (this.whetherInclude(_item, item)) {
          // 这里的item必须是渲染列表的数据 必要时请使用this.$nextTick
          this.$nextTick(() => this.$refs.checkTable.toggleRowSelection(item, true))
            
          }
        })
      })
      ...
    }

自己在做项目中写的代码片段 容易自己理解

this.choseList = this.datalist.filter((item) =>{
        return item.emplyStatus == "1"
})

this.$nextTick(function(){
this.dataList.forEach((item,index) => {
    this.choseList.forEach((value,i) =>{
if(item.uapp == value.uapp){
this.$refs.multipleTable.toggleRowSelection(value,true)
            }
        })
    })
})

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ele级联选择器的懒加载回显问题可以通过以下步骤解决: 1. 首先,请确保你的级联选择器配置了合适的懒加载属性,例如 `:lazy` 或 `lazy`。 2. 确保级联选择器的数据源已正确配置,并且能够在需要时动态加载数据。你可以使用 `:load` 方法来异步加载数据。 3. 当级联选择器的上级选项发生改变时,触发 `change` 事件,然后在事件处理函数中获取当前选中的上级选项值。 4. 利用获取到的上级选项值,通过请求或查询获取对应的子级选项数据。 5. 将获取到的子级选项数据设置到级联选择器的数据源中,使用 `:props` 属性将数据源与级联选择器关联起来。 6. 最后,通过调用 `clearSingleSelect` 方法清空级联选择器的已选中项,然后再将已加载的子级选项值设置为默认选中值,即可实现懒加载回显效果。 以下是一个示例代码: ```html <el-cascader :options="options" :props="defaultProps" :change-on-select="true" :lazy="true" @change="handleCascaderChange" ></el-cascader> ``` ```javascript data() { return { options: [], defaultProps: { value: 'value', label: 'label', children: 'children' } } }, methods: { handleCascaderChange(value) { // 根据选择的上级选项值获取子级选项数据 const childrenOptions = getChildrenOptions(value); // 设置子级选项数据到级联选择器的数据源中 this.options[1].children = childrenOptions; // 清空已选中项并设置默认选中值 this.$refs.cascader.clearSingleSelect(1); this.$refs.cascader.setSelectedOptions(childrenOptions); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值