在vue组件外调用函数

Question

目前我正在使用 Laravel 和 Vue，现在我想为标签输入字段使用第 3 方 javascript 库。 https://github.com/xoxco/jQuery-Tags-Input

我必须通过调用来初始化 javascript 中的字段：

 $('#tags').tagsInput();

但是标签输入字段在我的 vue 组件中。我试过从 vue 调用这一行，但那行不通。

现在我想知道我有哪些选择？我可以在我的 javascript 上声明一个函数并从 Vue 组件中调用它吗？我可以将整个事物作为变量传递吗？或者有其他解决方案吗？

有人对此有经验并且可能知道我必须采取的正确步骤吗？提前致谢。

Answer 1

可以通过this.$el获取vue组件DOM元素。所以你可以这样做：

$(this.$el.querySelector('#tags')).tagsInput();

但请记住，只要您的组件不是 Fragment Instance 即它具有单个根 HTML 标签

，这就是有效的

Calling function outside vue component