Vue.js 物化CSS模式不使用Vue

我正在尝试在Vue中使用materialize模式

我已经在main.js中导入了它

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

File.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();
}

在中装入。 但这不起作用

---

如何在Vue中触发模态

另一种方法是简单地传递一个

vue引用数组

，并从VNode派生底层节点

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

---

另一种方法是简单地传递

vue引用数组

，并从VNode派生底层节点

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

---

上面说，$refs.deleteModal[0]]不是defined@user11024704尝试使用数组访问器方法。已更新。没有错误。。我只是一直单击，Happenst没有这样说。$refs.deleteModel[0]]不是defined@user11024704尝试使用数组访问器方法。已更新。没有错误。。我只是一直点击，什么也没发生请分享代码片段中的完整代码，包括导入请分享代码片段中的完整代码请，包括导入请