我如何测试Vue方法？

Question

我正在使用Vue-js-modal。

在我的模板上，我有这个：

<modal name="hello-world">
  hello, world!
</modal>

在Vue上，我有这样的方法：

showModal() {
    this.$modal.show('hello-world');
}

如何测试此方法（showModal）？

Answer 1

通常在Vue中，您将使用refs这样访问DOM：

<modal ref="$myModal" name="hello-world">
  hello, world!
</modal>

...
methods: {
   testModal(){
     this.$refs.$myModal.show()
    }
}

然后，如果弹出您的模态，它将起作用！