ElemeFE/element#20544
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.
Meteor + Vue3 + Element Plus, but get errorelement-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: {
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
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 stylesheetA hand please?
Hello guys, can you check this out please, maybe do you have some resolution? ._.
The examples given in element.eleme.cn is not sufficient for me to implement a paginated list of items.