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.
代码：https://github.com/gmingchen/vue3-element-plus-admin
文档：https://gmingchen.github.io/vue3-element-plus-admin-doc/
求个小星星，拜托各位大佬支持一下!
1 reply
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
代码：https://github.com/gmingchen/vue3-element-plus-admin
文档：https://gmingchen.github.io/vue3-element-plus-admin-doc/
求个小星星，拜托各位大佬支持一下!
基于 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
求个小星星，拜托各位大佬支持一下!
