How to use "events"

[nivv]

Thanks for a great looking component package!

I'm trying to catch an event but I'm not sure how to do it. The @option-selected triggers, but how can I get the data from the event?

<ui-menu color="primary"
    @option-selected="doStuff()"
    :show-secondary-text="true"
    :options="[{text: 'Hey', id: 1, 'secondaryText': 'Ok whatever'}, {text: 'foop', id: 2}]">
    Hello world!
</ui-menu>

export default {
    name: 'Home',
    ready: function() {
        this.$on('option-selected', function (msg) {
            console.log(msg)
        })
    },
    methods: {
        doStuff: function() {
            //How do I get the option data here?
        }
    }
}

[JosephusPaye]

Hi @nivv,

You just need to pass a method name and it will be called with the selected option. Notice it is doStuff and not doStuff(). The second strips the argument.

Try the following and it should call doStuff with the selected option:

<ui-menu
    :options="[{ text: 'Help', id: 1 }, { text: 'About', id: 2 }]"
    @option-selected="doStuff"
></ui-menu>

export default {
    name: 'Home',

    methods: {
        doStuff: function(selectedOption) {
             console.log('Selected', selectedOption);
        }
    }
}

[nivv]

Cool! Thanks!

[leinue]

thanks,got what i wanted