Attributes are ignored because the component is a fragment instance

Hi there, in my vuex / vue-router spa on a fresh install with just the basic example i’m getting:

vue.common.js?e881:1014 [Vue warn]: Attributes ":selected.sync", ":options" are ignored on component <multiselect> because the component is a fragment instance: http://vuejs.org/guide/components.html#Fragment-Instance

Would really like to use it in my project any insight on this?

[shentao]

I’m not sure that the above construction is actually valid. Because you try to register another component named 'multiselect' with Multiselect as a child component, but without providing any template, that would actually start the vue-multiselect inside.

If you need to register the multiselect component globally please do it as in the Vue docs.

import { Multiselect } from 'vue-multiselect'
Vue.component('multiselect', Multiselect)

If you intend on wrapping vue-multiselect inside another component, please try the following code:

import { Multiselect } from 'vue-multiselect'

var CustomSelect = Vue.extend({
    components: { Multiselect },
    template: '<div><multiselect :selected="selected" :options="options"></multiselect></div>',
    data: function() {
        return {
            selected: null,
            options: ['list', 'of', 'options']  
        };
    }
})

Vue.component('customselect', CustomSelect);

You could try omiting the additionall <div> inside the template string. Then you could run the component with <customselect></customselect>.

Let me know if this helps! 😃

[shentao]

How do you import the component?

It should be like this: import { Multiselect } from 'vue-multiselect' See the documentation for further examples.

If you omit the { } it will throw the above error. Let me know if this helps. I hope it does! 😃