Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Navkirat Singh
    @navkirat
    Hi, I am not sure if this question has been asked before. But, do you guys think this is the right time to start a new project from scratch with element-plus?
    Steve Nosse
    @stevenosse
    Hi !
    I've spotted a little issue with popConfirm. The events are actually "onConfirm" and "onCancel" and not "confirm" and "cancel" as mentionned on the documentation
    Glenn Rudge
    @TacitReturn
    Hi everyone new here, was in search for a UI library for Vue 3 and came across this framework.
    Kudos to all the developers working on this project, looks really cool so far.
    Remy-T
    @Remy-T_gitlab
    Hey, does element-plus offer a fab speed dial? (A button which can be clicked on which will then show multiple sub buttons next to it)
    Phillipp Ohlandt
    @PhillippOhlandt

    hey. i got a multi select field which is filterable. based on the filter text, i generate the options (adding more options when filter text matches one of the initial options). now i want to propagate the filter input with some text at some point in time and everything should behave as if the user just entered the text (options list opens, filterMethod gets called to update options, etc.) but i have some problems.

    i want to trigger that when someone clicks on the initial options. i dont want the user to select the initial options but convert the clicked option into a filter string (as if the user typed it on its own). via the @input event, i check if the last item is one of the initial options and if it is, i remove it from the selection and want to insert its value as the filter string. but here i run into problems. it removed the item from the selection but when i want to set things like query or previousQuery or trigger handleQueryChange(filterString) on the select component, it gets set back to empty string right afterwards.

    any ideas?
    paulofbr
    @paulofbr
    Hello, can i use bluma with element plus?
    Elsio Sanchez
    @elsiosanchez
    Hello
    ReddicoJack
    @ReddicoJack
    Loading in the latest version 1.0.2-beta.51 into my vue3 app. Importing the main chalk theme scss and getting an error compiling the styles. Specifically: Invalid CSS after "...-height: #{math": expected expression (e.g. 1px, bold), was ".div($--input-heigh" on line 142 of node_modules/element-plus/packages/theme-chalk/src/input-number.scss
    Is this a known bug? Does not seem to be an issue using an older version such as 1.0.2-beta.35. Seems the introduction of .math is causing issues
    This is the exact line that causes an issue: line-height: #{math.div($--input-height - 2, 2)};
    ReddicoJack
    @ReddicoJack
    For anyone that runs onto the same issue as me. The developers as using sass methods that aren't supported with node-sass. You need to use dart-sass.
    Brandon Wozniewicz
    @brandonwoz
    Trouble with el-autocomplete: Popper results font in Times New Roman; Are there any ideas how to change? I've tried targeting .el-autocomplete-suggestion__list >li without luck.
    varave
    @varave
    hi guys, does this component library have a ui kit?
    Dave Melia
    @Dave-Melia
    Hey, I'm trying to make a Select form use an object and I just can't wrap my head around it. Anyone got any tutorials on doing this?
    manoj-rp
    @manoj-rp
    Hi, Is there any option to reduce the close delay for tooltip component?
    xkubow
    @xkubow
    How to use screen.getByLabelText() with <el-form-item> ? Can't find any example :(.
    xkubow
    @xkubow
    What is the best way to locate element in jest unit tests, screen.getByLabelText() is not working.
    Oren Mizrahi
    @orenmizr
    vue3 + elements-plus + (typescript - vite or no vite) - seem to be broken due to version mismatch
    barlon
    @barlon:matrix.org
    [m]
    Hello. I use vue-cli-plugin-element. No problem. Element is added and i can use element components but i tried to write variable $--color-primary in element-variables.scss. I inspect css var (--color-primary) in browser console so that is ok. But primary button has wrong primary color. Do you know how fix it or i have to set another variables?
    Yuom Theara
    @thearabbit
    I tried Meteor + Vue3 + Element Plus, but get error
    element-plus/packages/components/color-picker/src/components/alpha-slider.vue: Unexpected token, expected "," (14:19)
    
         12 |   props: {
         13 |     color: {
       > 14 |       type: Object as PropType<Color>,
            |                    ^
         15 |       required: true,
         16 |     },
         17 |     vertical: {
    Please help me
    christian
    @christian:matrix.boseck.net
    [m]

    I have an Issue using el-input a plain input works well:

    <template>
      <input
          :value="contact.firstName"
          @input="$emit('update:contact', {...contact, firstName: $event.target.value})"
      />
      <el-input
          :value="contact.lastName"
          @input="$emit('update:contact', {...contact, lastName: $event})"
      ></el-input>
      <el-input :value="contact.phone"></el-input>
      <el-input :value="contact.email"></el-input>
      <el-input :value="contact.description"></el-input>
    </template>
    
    <script>
    
    export default {
      name: "ContactDetails",
      props: {
        contact: Object
      },
      emits: ['update:contact'],
    }
    </script>

    firstName gets updated perfectly fine but, when I type something in the lastName input Its shown empty but the value in the contact object gets updated.
    I am using Vue3

    christian
    @christian:matrix.boseck.net
    [m]
    Ok, solved I just had to use :modelValue instead of :value
    Axel Uriel Martínez Castillo
    @ackzell

    hi there! working on a Vite + TS + Vue 3 project using Element Plus.
    I wanted to ask if the instructions for this setup are different to get the override styles using SCSS
    if I do

    // main.ts
    
    import ElementPlus from 'element-plus';
    // import 'element-plus/dist/index.css';
    import './element-variables.scss';
    // element-variables.scss
    
    /* theme color */
    $--color-primary: teal;
    /* icon font path, required */
    $--font-path: 'element-plus/lib/theme-chalk/fonts';
    @import 'element-plus/packages/theme-chalk/src/index';

    I get the following error:

    [plugin:vite:css] Undefined function.
       ╷
    61 │             math.percentage(math.div($number, 10))
       │                             ^^^^^^^^^^^^^^^^^^^^^
       ╵
      node_modules/element-plus/packages/theme-chalk/src/common/var.scss 61:29  set-color-type-light()
      node_modules/element-plus/packages/theme-chalk/src/common/var.scss 82:5   @import
      node_modules/element-plus/packages/theme-chalk/src/var.scss 4:9           @import
      node_modules/element-plus/packages/theme-chalk/src/base.scss 1:9          @import
      node_modules/element-plus/packages/theme-chalk/src/index.scss 1:9         @import
      src/element-variables.scss 5:9                                            root stylesheet

    A hand please?

    Vitorlsa
    @Vitorlsa
    Hi guys, did anyone ever manage to change Radio Button input and label color while checked?
    Markus Meier
    @netfly
    Hello. Can anybody give me an example how to use custom validators with the composition API ? In the example they are part of the data object, but I'm not sure, how to do this. I'm quite new to vuejs
    Markus Meier
    @netfly
    Regular validators work fine, but my custom validators throw an error. ... [Vue warn]: Unhandled error during execution of setup function
    Markus Meier
    @netfly
    As soon as I use the validator in my rules
    q
    @Madmanskiii

    ElemeFE/element#21359

    Hello guys, can you check this out please, maybe do you have some resolution? ._.

    Sidharth Shambu
    @shambu2k:matrix.org
    [m]
    Hi guys, can anyone send me an example of how pagination is implemented for element ui for VueJs v2 ?
    The examples given in element.eleme.cn is not sufficient for me to implement a paginated list of items.
    DEVIN
    @DeviNoles
    When I hover over el-select it goes invisible how do I fix this?
    Sidharth Shambu
    @shambu2k:matrix.org
    [m]
    What goes invisible? The Elselect? Or it's dropdown?
    DEVIN
    @DeviNoles
    Hi the elselect text goes invisible when I hover over it Here
    DEVIN
    @DeviNoles
    <el-select v-model="oftitle" filterable allow-create default-first-option placeholder="Title" > <el-option v-for="item in of.titles" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select>
    the type text dissapears and i get a click cursor instead of the normal one any pointers would help as I'm new fresh out of college and trying to learn a large codebase
    In the image i sent it is visible but if i hover over it my cursor goes from pointer to the click hand and it goes invisible
    DEVIN
    @DeviNoles
    I was able to resolve this issue. The text was getting set to white in _plugin-select.scss
    GuMingChen
    @gmingchen
    基于 Vue3 + Element-plus + Typescript 管理后台基础功能框架
    代码:https://github.com/gmingchen/vue3-element-plus-admin
    文档:https://gmingchen.github.io/vue3-element-plus-admin-doc/
    求个小星星,拜托各位大佬支持一下!
    group.png
    Phillipp Ohlandt
    @PhillippOhlandt
    hey. i constantly have the issue that the arrow in a tree table gets pushed on top of the column content when the column content doesnt quite fit into the column. any ideas on how to prevent that?
    Иван М
    @mes01info:matrix.org
    [m]
    Hello everyone! I have developed a chat component for Element UI. How can I arrange it according to the contributing?
    supine-win
    @supine-win
    <el-transfer> target-order="original" @change(value) value is not order by original ( :props="{
    key: 'id',
    label: 'name',
    }")
    1 reply
    Ivan
    @mes01info:matrix.org
    [m]
    supine-win
    @supine-win
    image.png
    3 replies
    Ivan
    @mes01info:matrix.org
    [m]
    make a live example at jsfiddle