[Vuejs]-Vue semantic ui select styling issue

by

0👍

✅

solved it by adding:

Vue.directive('dropdown', {
    inserted(el) {
        $(el).dropdown()
    }
})

and add the directive on my select:

<select v-dropdown>

0👍

The downside of using a UI framework is that sometimes the styles are scoped for their own component so you can’t override them. I don’t see what you’re asking here (javascript problem) but you keep mentioning about the styles.

In such cases, I create a wrapper div and write styles around it. If it doesn’t seem to be possible, I dive into the Framework’s styles then fix in it.

Another possibility is to use !important in your component for the style attribute you need to fix in the Framework.

Leave a comment