Materialise CSS Modal 不适用于 Vue答案

【问题标题】：Materialize CSS Modal not working with VueMaterialise CSS Modal 不适用于 Vue
【发布时间】：2019-07-08 17:42:15
【问题描述】：

我正在尝试在 Vue 中使用物化模态。

我已经在 main.js

中导入了

import 'materialize-css'
import 'materialize-css/dist/css/materialize.css'
import 'materialize-css/dist/js/materialize.js'

文件.vue

<a class="fa fa-trash modal-trigger" href="#delete" @click="consolel(index)"></a>

        <div id="delete" class="modal" ref="deleteModal">
          <div class="modal-content">
            <h4>Modal Header</h4>
            <p>A bunch of text</p>
          </div>
          <div class="modal-footer">
            <a
              href="#!"
              class="modal-close waves-effect waves-green btn-flat"
              @click="deleteItem(index)"
            >Agree</a>
          </div>
        </div>

mounted(){
     M.AutoInit();
}

我试过了，文档要求触发模态

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

在安装。但这不起作用。

如何在Vue中触发模态？！

【问题讨论】：

请在sn-p中分享完整代码，包括输入请

标签： vue.js materialize

【解决方案1】：

另一种方法是简单地传递一个 vue references 数组并从 VNode 派生底层节点。

M.Modal.init([this.$refs['deleteModal'][0]], null)

【讨论】：

它说这个。$refs.deleteModal[0]] 没有定义
@user11024704 尝试使用数组访问器方法。已更新。
没有错误..我只是一直点击，没有任何反应