zl程序教程

您现在的位置是:首页 >  其他

当前栏目

elementui plus怎么在级联选中后关闭弹层

2023-02-26 12:27:49 时间
<el-cascader   v-model="form.productCategoryId"   @change="classifyChange"   :options="classify"   :props="{      checkStrictly: true,      value: 'categoryId',      label: 'categoryName',      expandTrigger: 'hover',     emitPath: false,   }"   clearable   :show-all-levels='false'   ref='classifyRef' > </el-cascader>

定义一个ref
const classifyRef = ref()

setup里面

(福利推荐:阿里云、腾讯云、华为云服务器最新限时优惠活动,云服务器1核2G仅88元/年、2核4G仅698元/3年,点击这里立即抢购>>>

const classifyChange = () => {   console.log(classifyRef.value)   // 调用实例的方法手动关闭   classifyRef.value.togglePopperVisible() }

即可轻松解决。

如果你想开发小程序或者了解更多关于小程序的内容,可以通过第三方专业开发公司,来帮助你实现开发需求:厦门在乎科技-专注小程序开发、厦门app定制开发、网站开发

elementui plus怎么在级联选中后关闭弹层


本站部分内容转载自网络,版权属于原作者所有,如有异议请联系QQ153890879修改或删除,谢谢!
转载请注明原文链接:elementui plus怎么在级联选中后关闭弹层

你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)
[[email protected]]
分享 (0)