el-cascader与el-popover联合使用

这是个正常的el-cascader选择框,具体代码

<el-cascader ref="cascaderPanel" :border="false"  :options="corpdataMarkesOptions"  v-model="dataMark"

              :props="customProps" placeholder="请选择企业分类" clearable>

            </el-cascader>      

options:为数据源

props:需要修改的属性

但现在我们要实现的效果是

点击el-popover框弹出级联选择,代码如下

<el-popover  placement="bottom" trigger="click" @hide="handleUpdatedataMark">

            <el-cascader ref="cascaderPanel" :border="false" :disabled="multiple" :options="corpdataMarkesChoose"  v-model="corpdataMarkesArray"

              :props="customProps" @change="handledataMark" clearable>

            </el-cascader>

            <el-button slot="reference" :disabled="multiple" size="mini" type="primary">

            企业分类<i class="el-icon-arrow-down el-icon--right"></i>

          </el-button>  

         </el-popover>

遇到个问题就是塞入的ID会重复,需要去重

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值