Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    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
    christian
    @christian:matrix.boseck.net
    [m]

    Hello, I got a problem with el-form. I can't the labels are not showing up.

    <template>
      <div>
        <el-form
            label-width="200px"
            ref="form" :model="form"
        >
          <el-form-item label="Activity name">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
    
        </el-form>
      </div>
    </template>
    
    <script>
    
    export default {
      name: "ContactDetails",
      props: {
        contact: Object
      },
      emits: ['update:contact'],
      data() {
        return {
          form: {
            name: 'name',
          },
        }
      },
    }
    </script>

    Do you know why this happends
    ```

    1 reply
    Ivan
    @mes01info:matrix.org
    [m]
    christian
    @christian:matrix.boseck.net
    [m]
    In my project this not the case. Maybe because I am using it in a cmpoent. I will try to recreate the it later.
    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
    Ivan
    @mes01info:matrix.org
    [m]
    1240235512 (1240235512): Have a demo?
    GuMingChen
    @gmingchen

    基于 Vue3 + Element-plus + Typescript 管理后台基础功能框架
    预览:http://139.196.182.46:8805
    代码:https://github.com/gmingchen/vue3-element-plus-admin
    文档:https://gmingchen.github.io/vue3-element-plus-admin-doc/

    基于 Vue3 + Element-plus + websocket 即时聊天系统
    预览:http://139.196.182.46:8807
    代码:https://github.com/gmingchen/vue3-element-plus-im.git

    求个小星星,拜托各位大佬支持一下!

    group.png
    zhouhongyu
    @hongyu68
    element-plus 是怎么管理多包的
    liyuweiLion
    @liyuweiLion
    element-plus icons图标显示不出来是怎么回事啊
    image.png
    xywdegithub
    @xywdegithub
    @element-plus/icons 要怎么动态加载图标?
    wangyongjie
    @wangyongjie
    https://juejin.cn/post/7010711177521020965 深耕系列之基于element-ui的表格页面组件化 互赞互赞
    Michele Giulietti
    @MicheleGiuliettiDev
    Hi everybody, I would like to add aria-label on el-input tags...how can I do it? I tried like this <el-input v-model="corso.titolo" aria-label="Titolo del corso"></el-input> but it doesn't work. Thank you all
    Piotr Pawłowski
    @Pawlak00
    Hi, I have entry-level question, maybe somebody could help. I have web-app written with element-ui in Vue, I wanted to make it Android app using Ionic and Capacitor. Will it be possible with element-ui? (I read that it is not good for mobile devices) If yes could somebody provide some info about it