Vue-multiselect: Error: TypeError: e._v is not a function

[fourstacks]

Hi, loving your work on this plugin - thanks for all the hard graft!

I'm seeing a console error - basically the same as #181. I've updated vue to 2.1.8 as suggested and I've also pulled down the latest beta release (2.0.0-beta.13).

My implementation is about as basic as it gets:

<template>
    <div>
        <multiselect
                :selected="selected"
                :options="options"
                @update="updateValue">
        </multiselect>
    </div>
</template>

<script>

    import Multiselect from 'vue-multiselect'

    export default {
        data(){
            return{
                selected: 'foo',
                options: [
                    { foo: 'Foo' },
                    { bar: 'Bar' },
                    { baz: 'Baz' }
                ]
            }
        },
        components: {
            Multiselect
        },
        methods:{
            updateValue(value){
                this.selected = value
            }
        }
    }
</script>

The full error is below:

TypeError: e._v is not a function
    at Proxy.render (app.js:28544)
    at VueComponent.Vue._render (app.js:23238)
    at VueComponent.<anonymous> (app.js:22665)
    at Watcher.get (app.js:21978)
    at new Watcher (app.js:21970)
    at VueComponent.Vue._mount (app.js:22664)
    at VueComponent.Vue$3.$mount (app.js:26181)
    at VueComponent.Vue$3.$mount (app.js:28443)
    at init (app.js:22958)
    at createElm (app.js:24319)
Vue._render @ app.js:23250
(anonymous) @ app.js:22665
get @ app.js:21978
Watcher @ app.js:21970
Vue._mount @ app.js:22664
Vue$3.$mount @ app.js:26181
Vue$3.$mount @ app.js:28443
init @ app.js:22958
createElm @ app.js:24319
createChildren @ app.js:24365
createElm @ app.js:24350
patch @ app.js:24699
Vue._update @ app.js:22690
(anonymous) @ app.js:22665
get @ app.js:21978
Watcher @ app.js:21970
Vue._mount @ app.js:22664
Vue$3.$mount @ app.js:26181
Vue$3.$mount @ app.js:28443
init @ app.js:22958
createElm @ app.js:24319
createChildren @ app.js:24365
createElm @ app.js:24350
createChildren @ app.js:24365
createElm @ app.js:24350
createChildren @ app.js:24365
createElm @ app.js:24350
createChildren @ app.js:24365
createElm @ app.js:24350
createChildren @ app.js:24365
createElm @ app.js:24350
patch @ app.js:24699
Vue._update @ app.js:22690
(anonymous) @ app.js:22665
get @ app.js:21978
Watcher @ app.js:21970
Vue._mount @ app.js:22664
Vue$3.$mount @ app.js:26181
Vue$3.$mount @ app.js:28443
init @ app.js:22958
createElm @ app.js:24319
createChildren @ app.js:24365
createElm @ app.js:24350
patch @ app.js:24699
Vue._update @ app.js:22690
(anonymous) @ app.js:22665
get @ app.js:21978
Watcher @ app.js:21970
Vue._mount @ app.js:22664
Vue$3.$mount @ app.js:26181
Vue$3.$mount @ app.js:28443
init @ app.js:22958
createElm @ app.js:24319
createChildren @ app.js:24365
createElm @ app.js:24350
patch @ app.js:24699
Vue._update @ app.js:22690
(anonymous) @ app.js:22665
get @ app.js:21978
Watcher @ app.js:21970
Vue._mount @ app.js:22664
Vue$3.$mount @ app.js:26181
Vue$3.$mount @ app.js:28443
init @ app.js:22958
createElm @ app.js:24319
createChildren @ app.js:24365
createElm @ app.js:24350
updateChildren @ app.js:24527
patchVnode @ app.js:24590
patch @ app.js:24703
Vue._update @ app.js:22692
(anonymous) @ app.js:22665
get @ app.js:21978
run @ app.js:22047
flushSchedulerQueue @ app.js:21865
(anonymous) @ app.js:20728
nextTickHandler @ app.js:20678

Any tips on how to get this working would be much appreciated! Thanks

[fourstacks]

Aaaand, five minutes later it works. Sorry about that - turned out I hadn't run a proper yarn upgrade but rather update vue within my package.json and some older vue dependencies were causing the error to occur. A yarn upgrade did the trick.

Sorry and thanks again for the hard work!

[shentao]

Sure, no problem! :)

[eleftrik]

Thank you @FourStacks, you saved my day. yarn update and gulp did the trick.

[legreco]

I have the same problem. I am using laravel 5.3. Can you help me?

[fourstacks]

Hey @legreco, best advice I can give (based on how I solved things) is to make sure you're pulling in the most recent beta as per the docs for the v2 version in your package.json. Delete your node modules folder then pull everything back in with 'yarn' (or npm install if you use npm). Hopefully that should get you back on the right track

[legreco]

After doing that it works!!! You saved my day! Thank you a lot!! :)

[fourstacks]

👌