Questions tagged [element-plus]
The element-plus tag has no usage guidance.
38
questions
0
votes
0
answers
10
views
Element-Plus Input component for Vue 3
When autosizing an input (textarea) I’ve created with Element Plus for Vue 3, a new line is created before the text reaches the end of the line being typed. This makes the input box unnecessarily ...
0
votes
1
answer
27
views
Configure el-date-picker
Does someone know, how to configure a el-date-picker in element-plus to set the first day of week.
The docs say it configurable via day.js but not to use configure day.js in element.
I have done this ...
0
votes
0
answers
10
views
How to get the panel length of el-tabs
<el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
<slot />
</el-tabs>
When I used vue3 and element-plus.I want to get the pane ...
0
votes
1
answer
68
views
How to create my own component to render icons in element-plus?
In element-plus we already have icons for example <i-mdi-edit />
how can use these icons so i can create my own component
<Icon name="edit" />
and i pass the name property so i ...
0
votes
1
answer
76
views
how to create a dynamic list of icons in Element-plus
How to print a list of icons just from an array
for example [{ name: "edit" }, { name: "settings" }]
and i get
<i-mdi-edit />
<i-mdi-settings />
and in the browser it ...
0
votes
0
answers
51
views
How to filter checkbox names with search bar in Element UI - Vue.js
I have multiple checkboxes bottom of a search button and I want to display a spesific checkbox when user enters its name. For instance:
sample image of search bar and checkbox
As shown in the image, ...
0
votes
0
answers
27
views
Vue3 Element-plus test component that uses el-table (error reading of undefined)
I have a fresh project using vue3 and Element-plus.
I have this component that uses el-table
<template>
<el-table :data="data">
<el-table-column label="id">
...
0
votes
1
answer
107
views
How to hide el-form-item__error after field valid?
vue 3.2.31
vee-validate 4.5.10
element-plus 2.1.6
On input event, it shows validation error message properly. But on blur event, it shows is required error message. Also on blur event, even if ...
1
vote
2
answers
279
views
Vue3 testing ElementPlus controls with vitest
I am running Vue3 with vite and can't write any tests for components that use the ElementPlus library. Something else needs to be injected apparently but I don't know how to do that.
I have the ...
0
votes
0
answers
118
views
Element-plus & server side rendering - wrong hydration for select options (ID_INJECTION_KEY not provided)
When form contains two el-select compoents, then both are bound to same options on server side rendered page.
Element+ warns about it with
ElementPlusError: [IdInjection] Looks like you are using ...
0
votes
2
answers
34
views
How can i use differents span for computer and mobile?
I want to use :span="5" for computer
<el-col :span="5" class="container">
and for mobile i want to use
<el-col class="container">
o how can i ...
0
votes
0
answers
17
views
show Api response in el-drawer
<el-drawer
v-model="drawer"
title="I am the title"
:direction="ltr"
:before-close="handleClose">
<span>Hi, there!</span>
<span>Name: ...
0
votes
1
answer
132
views
How to extend a component in Vue 3?
The import is working just fine in case I try to use the component from element-plus directly.
What I'm trying to do though, is to extend a component from element-plus library (it uses the composition ...
0
votes
1
answer
136
views
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 ...
0
votes
0
answers
58
views
How do I validate against another password in Element-Plus?
https://laracasts.com/discuss/channels/vue/element-ui-password-password-confirmation-form-validation
After some googling and finding a similar question without answer, I come here to Stackoverflow.
...
1
vote
1
answer
352
views
How can i use icons from vuejs3?
I want to use icons-vue so i installed with this command: yarn add @element-plus/icons-vue
this is the documentation: https://element-plus.org/en-US/component/icon.html#icon-usage
but when i refreshed ...
3
votes
1
answer
2k
views
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
...
0
votes
1
answer
170
views
how to add el-input&el-select in el-table?
my el-table title(many cols) was get form the database. How to add el-input & el-select in the table?
<el-table :data="tableData" style="width: 100%">
...
3
votes
1
answer
2k
views
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 ...
0
votes
0
answers
101
views
vue2 project migrate to vue3. And use element-plus to display. But get this problem when I use eldropdown and el-tabs. How to resolve it
vue.runtime.esm-bundler.js:8886 Uncaught (in promise) TypeError: slot is not a function
at renderSlot (vue.runtime.esm-bundler.js:8886)
at Proxy.render (index.js:571)
at Proxy.compatRender ...
0
votes
1
answer
271
views
Why el-menu-item set "float: right" not working?
Framework: Vue3 + Element plus.
I need to set the logout icon to the far right of NavBar.
I try setting "float: right" in the "el-menu-item" or in the "el-icon", but they ...
0
votes
0
answers
228
views
Vue element-plus blur or disable focus after click component
I have a form with ref="form" and some elements in the form, like this:
<el-form :model="form" :rules="rules" ref="form" label-width="120px">
&...
0
votes
1
answer
134
views
Property "xxx" was accessed during render but is not defined on instance
this is part of js
...
data() {
return {
lineList: [],
}
},
...
created(){
await this.getLineList()
}
...
getLineList(){
...
//use axios to get data
this....
1
vote
1
answer
778
views
How to access child prop ref with vue 3 and Element Plus ui lib
I have a ref on a dropdown component called 'dropdown'
when an item is selected, I want to get the selected label(I can get the value, but its different than the label)
when I do dropdown.value I get ...
3
votes
0
answers
401
views
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 ...
0
votes
0
answers
74
views
Uncaught ReferenceError: exports is not defined in @vue/cli 5.0.0-beta.3, vue 3.2.8, element-plus 1.1.0-beta.8? [duplicate]
I'm using @vue/cli 5.0.0-beta.3, vue 3.2.8 with element-plus 1.1.0-beta.8.
Here's my sample project: https://github.com/linrongbin16/financial_tools_app3
I import element-plus 1.1.0-beta.8 CDN in my ...
0
votes
2
answers
285
views
How to exclude element-plus package (replaced by import CDN) when building with webpack (@vue/cli@next)?
I'm using @vue/cli 5.0.0-beta.3, vue 3.2.8 with element-plus 1.1.0-beta.8.
For the purpose of smaller size of build package, I try to exclude all third party dependencies (vue, vue-router, vuex, ...
0
votes
0
answers
48
views
how to Asynchronous acquisition dom with vue3.2 + ts + element plus
My template structure is
<el-form :model="form" ref="elementRef" class="form" :rules="rules">
<el-button class="login-btn" type="primary&...
0
votes
1
answer
322
views
current-page/currentPage attribute from el-pagination in Element-Plus is not working(?)
Situation
According to the doc of element-plus.org: https://element-plus.org/#/en-US/component/pagination
you should be able to set a current page for the pagination component.
My page/component works ...
0
votes
2
answers
2k
views
Customize selected value with el-select
I need to customize the selected value in the el-select component, so far I've only found documentation and examples about customizing the option items but not the value once is selected. Is this ...
2
votes
1
answer
1k
views
SCSS light and dark theme color, how can make it work?
So i'm using vue js and scss.
I'm using PrimeVue and Element plus, and i'm importing there variables.
I would like to change dynamically the theme color.
dark-variables.scss
$--color-primary: #c9d1d9 !...
1
vote
1
answer
508
views
button element plus loading
I need to put a delay(loading) on button when user ckick the button using element plus
<el-button type="primary" :loading="delay_search_button" icon="el-icon-search" ...
1
vote
2
answers
597
views
Vue 3 datepicker Element-Plus
Im currently trying to display price (loaded via an api) under the days of a datepicker (a bit like google flights).
Exemple:
Im currently using Vue 3. Im trying to acheive this using Element-plus ...
2
votes
1
answer
444
views
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:
<el-button ref="btnLanza" @...
1
vote
1
answer
2k
views
Vue 3 Typescript unable to access method from ref
Hi everyone I'm new to Vue 3 and Typescript and I'm having hard time trying to solve typescript error on my project below is the typescript error.
It's not able to find validate method but it's ...
3
votes
2
answers
3k
views
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 <App>
In ...
1
vote
1
answer
258
views
How to use vue Element-plus to modify the same content in different specific tabs without affecting another tab
For example, I want to display the Table after uploading the file on tab 1, but it will not affect tab 2.
My code is here:https://codesandbox.io/s/stupefied-feather-uuv4m?file=/src/App.vue
3
votes
2
answers
3k
views
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 ...