Materialize Select problem Meteor Vue

Uncaught TypeError: $(…).material_select is not a function

Recently I’ve tried Materialize with Vue2 and Meteor. However, I got a problem where i can’t initialize select


this is my code

        <div class="input-field">
                <option value="test">Test</option>
            <label for="">Materialize Select</label>

export default {

thanks in advance!

Did you try $(this.$el).find('select')?

yeah i do but i still get the same problem

Does materialize even know that the select element belongs to it at this point ?

when i use select it display nothing but its label display. this because it not yet initialize. it seems like all materialize initialize like select, dropdown, modal … etc not working. i dont know why this is my set up

  <link rel="stylesheet" href="">
  <script src=""></script>
  <script src=""></script>

Did you consider using native Vue Material CSS libraries instead of JQuery one?

Like this:!/components/forms/select-field
or this:!/forms/showcase

let me try this thanks you

Well, the first one seems to be just a wrapper around JQuery lib. The second is native with Materialize CSS styles. Both seem to work, so it’s up to you which to choose.