vue中使用element-ui封装dialog组件

最新推荐文章于 2024-07-23 10:29:33 发布

假笑女孩Teffy

最新推荐文章于 2024-07-23 10:29:33 发布

阅读量3.1k

点赞数 1

分类专栏： element-ui 文章标签： element-ui vue

本文链接：https://blog.csdn.net/weixin_33275028/article/details/103488952

版权

2 篇文章 1 订阅

订阅专栏

使用组件代码

需要用到的地方
说明:
.sync 修饰符（这个地方是一个重点，子组件也会引用到）

<wallet-dialog :dialogWallet.sync="dialogWallet"></wallet-dialog>

会被扩展为：

<wallet-dialog :dialogWallet="dialogWallet" @update:dialogWallet="val => dialogWallet= val"></wallet-dialog>

注意点:

props子属性props:[‘dialogWallet’] //是否弹窗
关闭弹窗:dialogClose(){ this.$emit('update:dialogWallet', false); },
这个$emit第一个参数必须要跟使用组件的代码引入一致，否则有可能出现第一次能关闭第二次打不开的问题。