Questions tagged [element-plus]
117 questions
5
votes
2 answers
How to apply proper styles of element-plus message box?
This is how element-plus message box looks on a minimal page I built:
I was expecting it to look like on the element-plus documentation.
I am using Vue with vite and ElementPlus. I copied the setup from vite and element plus documentation. I played…

jakubiszon
- 3,229
- 1
- 27
- 41
4
votes
3 answers
Element Plus UI: No open to new tab for menu item
I have created a horizontal menu for Element Plus UI on Vue. When I right click on a menu item, I do not have the option to open it in a new tab.
But when on the element plus documentation. When I right click on a menu item I have that option:
How…

Nate
- 403
- 5
- 18
4
votes
1 answer
Installing ElementPlus Icons globally on Vue 3
I am currently working on a project with Vue 3 and Element Plus.
As of the moment, the element plus Icons are not showing on my app.
I have installed them with yarn using
$ yarn add @element-plus/icons
and I have no idea what to do next.
I have…

Nate
- 403
- 5
- 18
4
votes
0 answers
Migrate to Element-plus from element-ui
I am on project in Vue2 and use element-ui, but we want upgrade our project to Vue3. For this we need to pass on Element-plus (element-ui doesn't compatible with Vue3).
We successfully pass on Vue3 but when we want use element comp we have always…

Aguerros
- 41
- 1
3
votes
1 answer
Vue test utils doesn't render the content in template tag from element plus
I'm trying to do some testings for my components which mostly contain element-plus elements. However, when running tests, I'm not able to access to elements in the tag .
From the example below, I'm not able to render the

louis wang
- 51
- 4
3
votes
1 answer
Nuxtjs: Vue packages version mismatch: vue@3.2.22 and vue-server-renderer@2.6.14
I am developing a Drawflow application using Vuejs/Nuxtjs based on the code mentioned here. When I install the package element-plus and start the application then I get the error:
Vue packages version mismatch:
- vue@3.2.22
-…

BATMAN_2008
- 2,788
- 3
- 31
- 98
3
votes
1 answer
Access element from v-on event handler in vue3
It is not infrequent that I need to access the element of a component, in vue. For instance here in element-plus, to make sure that the focus is removed:

arivero
- 777
- 1
- 9
- 30
3
votes
2 answers
Vue 3 extends vue.js components from third party library in defineComponent
I want to use third party library element-plus in my component. In setup defineComponent entends that component. In console, it would warn Failed to resolve component: el-radio at
In about router, Here is the about.vue

Anderson Min
- 89
- 2
- 12
3
votes
2 answers
How to add element-ui (now called element-plus) to Vue3 project?
I have been using "element-ui" and now moving forward to new version of Vue3.
Seems they published a new version called "element-plus" but the tutorial is not updated.
import Vue from 'vue'; // not working in Vue3
import ElementUI from…

AngularOne
- 2,760
- 6
- 32
- 46
2
votes
1 answer
Vue3 + element-plus side menu: overlay in mobile and animation issue
Vue 3 and UI newbie here. Given this playground area with a code sample, I wanted
In the "collapse" animation of the menu, for the entire menu to slide out (but if you notice, the size of the menu changes first - making it occupy less than 100% of…

Dan C
- 63
- 5
2
votes
0 answers
Vue.js - Element Plus - How to test el-dropdown component
I have a problem that I can't trigger el-dropdown menu. I've followed the testing approach done in element-plus repository but couldn't able to simulate mouseenter event and see whether dropdown menu is opened.
my code can be found…

Ali Arda Orhan
- 764
- 2
- 9
- 24
2
votes
1 answer
[Vue warn]: (deprecation ATTR_FALSE_VALUE)
I migrate to Vue3 and I got this Vue warn, I don't really understand how to solve it.
That happend when I use el-button of element-plus library.
enter image description here
The code:

Liran Hersh
- 41
- 2
2
votes
1 answer
Filter table based on tags in Javascript
So I am trying to filter my table (element plus table) based on the tags that user clicks. (I am working in a Vue project)
I have written a method that outputs all the rows that contains the tag clicked by the user.

Tallion 22
- 141
- 1
- 11
2
votes
1 answer
How to integrate Element plus with Nuxt 3?
I'm trying to install element plus with Nuxt 3. I tried the official documentation for element plus, Element plus docs. I installed unplugin-vue-components unplugin-auto-import and added the specified webpack settings in the nuxt config file(under…

Viki
- 170
- 1
- 10