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
```
基于 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
求个小星星,拜托各位大佬支持一下!
this.$refs[formName]
returns unknown I need to explicitly narrow the type to whatever the type is applicable. Does anyone know ?
const submitForm = async () => {
const form: any = unref(ruleFormDom);
try {
const valid = await form.validate();
console.log(valid);
} catch (error) {
console.log(error);
}
};
这样也太难看了吧
基于 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
求个小星星,拜托各位大佬支持一下!
基于 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
求个小星星,拜托各位大佬支持一下!