Vue.js 如何使用Vue关闭模态去物化CSS

如果验证是正确的，我试图关闭MaterializeCSS的一个模式，但是我找不到表单

最简单的方法是进行类型验证： v-if=“showmodel”，它可以工作，但会离开模态的背景，尽管单击不会消失。背景是一个名为“模态覆盖”的类

这是我的代码：

     <i class="material-icons modal-trigger tooltipped" style="margin-left: 2px; 
     color:#ffc107; cursor:pointer;" @click="getById(article), fillSelectCategories(), 
     titleModal='Edit', type='edit'" data-target="modal1">edit</i>

方法：

    update(){
       var elem = document.querySelectorAll('.modal'); 
       var instance = M.Modal.getInstance(elem);
       console.log(instance)

返回“未定义”的

我在update（）方法上也尝试了这一点：

我从挂载初始化模态，它工作正常，但我无法在需要时关闭它

mounted(){
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, options);
}

---

但是我知道还有什么可以尝试的：（

如果不深入研究您的代码，就很难知道为什么事情对您不起作用，但是我创建了这个简单的示例来演示如何做到这一点

newvue({
el:“应用程序”，
数据：{
modalInstance:null，
CloseAfterTimePassed:true，
秒：1
},
安装的（）{
const modal=document.querySelector（“.modal”）
this.modalInstance=M.Modal.init（模态）
const select=document.querySelector（'select'）；
M.FormSelect.init（选择）；
M.updateTextFields（）；
},
方法：{
handleClick（）{
if（this.closeAfterTimePassed）{
setTimeout（（）=>{this.modalInstance.close（）}，this.seconds*1000）
}
}
}
})

情态动词
模态头
一串文字





错误的
符合事实的
后关闭模式
秒

var elem = document.querySelectorAll('.modal');
elem.close();
M.Modal.close()

mounted(){
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, options);
}