Bom dia, estou tentando utilizar o QueryBuilder do JQuery junto com o VueJs, porém estou obtendo o seguinte erro:
Abaixo segue o código que esta dando este erro:
this.$refs.builder.queryBuilder({
filters: [{ id: 1 }]
});
Anteriormente eu utilizava AngularJs, e funcionava perfeitamente com este código:
angular.element('#builder').queryBuilder({
filters: [{ id: 1 }]
});
E também funciona com JQuery:
$('#builder').queryBuilder({
filters: [{ id: 1 }]
});
O código HTML é esse:
<div id="builder" ref="builder"></div>
Alguém sabe o por que de não funcionar no VueJs?
this.$refs.builder
se refere a um elemento HTML e não a um objeto jQuery como você pode estar pensando. Você poderia converter para um objeto jQuery usando$(this.$refs.builder)
mas não sei se a instância do plugin vai estar vinculada ao objeto.$(this.$refs.builder).queryBuilder(...)
funcionou?