我使用了一个 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 去操控
 |
1
noe132 Mar 29, 2018
|
 |
2
chairuosen Mar 29, 2018
问题描述不清楚，my-modal 是谁写的
|
 |
3
ghostgril OP @chairuosen my-modal 就是引用了 q-modal 的.vue 组件
|
|
5
chairuosen Mar 29, 2018
@ghostgril 是你写的么？你能改么？加个 open(){this.$refs.modal.open()} 不得了
|
|
6
ghostgril OP @chairuosen 是我写的
|
 |
7
fe619742721 Mar 29, 2018
.sync 父子双绑用在这个场景不是挺合适的么。。
分场景使用就行了啊。。 我还在一个复杂需求里大量使用过对象浅拷贝特性 来频繁修改跨级组件间的内容呢。。 自己控制好使用范围就行。。 |
Select Language