在vue组件外调用函数

时间:2016-12-06 16:05:50

标签: laravel vuejs2 vue.js

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

我必须通过调用:

来初始化javascript中的字段
 $('#tags').tagsInput();

但是标签输入字段位于我的vue组件内。我试过从vue调用这行,但这不起作用。

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

有经验的人可能知道我必须采取的正确步骤?提前谢谢。

1 个答案:

答案 0 :(得分:0)

您可以通过this.$el获取vue组件DOM元素。所以你可以做到以下几点:

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

但请记住,只要您的组件不是Fragment Instance,即它只有一个根HTML标记,这就有效