VUE+ElementUI中cascader级联选择器组件在再次点击新增时数据回显上次的值

原来的级联选择为

<el-form-item label="所属分类id" prop="catelogId">
        <!-- <el-input v-model="dataForm.catelogId" placeholder="所属分类id"></el-input> -->
        <!-- 级联选择 -->
        <el-cascader
          v-model="catelogPath"
          :options="categorys"
          :props="props"
        ></el-cascader>
      </el-form-item>

 

<el-dialog

    :title="!dataForm.id ? '新增' : '修改'"

    :close-on-click-modal="false"

    :visible.sync="visible"

    @closed="dialogClose"

  >

@closed设置回调函数

el-dialog是弹出层,意思是在关闭模态框(点击新增按钮出现新增模态框)后设置级联选择器重置

methods: {
    dialogClose(){
      this.dataForm.catelogPath=[];
    },
}

如上,在method中设置回调内容将级联选择器的v-model设置为【】

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值