求教大家，这样的 vue 组件的模态框组件如何控制打开好呢

[ghostgril]

我使用了一个 vue 的框架 quasar，因为模态框内容比较多所以单独做了一个组件

quasar 的模态框组件只能通过设置 v-model 和 refs.[name].open()打开。但是把模态框组件引用到其他组件的时候，refs 不能操作模态框开启，所以我只能每次都传一个 Boolean 值去控制模态框开启，当要关闭的时候每次都$emit 父组件去修改 Boolean 值。但是这样总觉的不舒服，有没有优雅的方法呢

---

// 代码

<q-modal ref="modal" v-model="isOpen"> // 模态框内容 </q-modal>

// 在这个 q-modal 的.vue 里面可以通过 refs 开启模态框，通过$refs.modal.open()

// 就是上面的模态框组件

<my-modal ref="myModal" :isopen="true"></my-modal>

// 这里就没有办法调用$refs 里面的 open 了,只能通过设置 isOpen 去操控

[noe132]

sync 修饰符了解一下
https://cn.vuejs.org/v2/guide/components.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6

[chairuosen]

问题描述不清楚，my-modal 是谁写的

[ghostgril]

@chairuosen my-modal 就是引用了 q-modal 的.vue 组件

[ghostgril]

@noe132 双向绑定除非万不得已不回去使用的

[chairuosen]

@ghostgril 是你写的么？你能改么？加个 open(){this.$refs.modal.open()} 不得了

[ghostgril]

@chairuosen 是我写的

[fe619742721]

.sync 父子双绑用在这个场景不是挺合适的么。。
分场景使用就行了啊。。
我还在一个复杂需求里大量使用过对象浅拷贝特性 来频繁修改跨级组件间的内容呢。。
自己控制好使用范围就行。。