vue中使用element-ui封装dialog组件
使用组件代码说明:.sync 修饰符(这个地方是一个重点,子组件也会引用到)<wallet-dialog :dialogWallet.sync="dialogWallet"></wallet-dialog>会被扩展为:<wallet-dialog :dialogWallet="dialogWallet" @update:dialogWallet="va...
·
使用组件代码
说明:
.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第一个参数必须要跟使用组件的代码引入一致,否则有可能出现第一次能关闭第二次打不开的问题。
更多推荐
已为社区贡献1条内容
所有评论(0)