当前位置: 首页 > 知识库问答 >
问题:

javascript - 家人们,elementui中dialog关闭时怎么清空穿梭框左右的选中项和搜索项啊?

姬昀
2023-06-26

elementui中dialog关闭时怎么清空穿梭框左右的选中项和搜索项

共有1个答案

孔欣可
2023-06-26

啊这……直接在 el-dialog@close 绑定上一个方法,在这个方法内清空 el-transfer 上使用 v-model 绑定的变量值不就好了吗?
比如说:

<template>
  <el-dialog @close="onClose">
    <el-transfer v-model="transferValue"  :data="data" />
  </el-dialog>
</template>
<script>
export default {
  data(){
    return {
      transferValue:[],
      data:[]
    }
  },
  methods:{
    onClose(){
      this.transferValue = []
    }
  }
}
</script>
 类似资料:
  • 基础用法 Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量,值为数据项的 key 所组成的数组。当然,如果希望在初始状态时目标列表不为空,可以像本例一样为 v-model 绑定的变量赋予一个初始值。 <

  • Transfer 穿梭框 基础用法 :::demo Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 value 的变量,值为数据项的 key 所组成的数组。当然,如果希望在初始状态时目标列表不为空,可以像本例一样为 valu

  • Transfer 穿梭框 基础用法 Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量,值为数据项的 key 所组成的数组。当然,如果希望在初始状态时目标列表不为空,可以像本例一样为 v-model 绑定

  • 我有html javascript显示我今天的日期和一个搜索框。我尝试创建html,以便在搜索框中始终规定当前日期。

  • 如何修改angular穿梭框的总数统计,只显示角色下面的数据,怎么修改统计数据方法。 <nz-transfer

  • 我正在尝试在我的网站上做一个标签功能,我希望有那个标签响应。所以我做了这样的代码: null null 现在我有两样东西, > 首先,我希望在单击标题(伦敦、巴黎、东京)时关闭选项卡,然后在单击该标题时从该标题中删除活动类。 其次,我希望有两个标签在行的响应,第三个标签在第二行,然后单击打开被点击的标签,然后向下推第三个标签。 任何提示都会有帮助,提前谢谢