kingecg
/
gohttpdUi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Add form demo

This commit is contained in:
陈凯龙 2022-01-27 16:52:13 +08:00
parent 543156f328
commit e6f9580331
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/locales/en.ts
View File

@ -200,7 +200,7 @@ export default {
formDes: formDes:
'The secondary encapsulation of form components based on ElementPlus realizes data-driven and supports all Form parameters', 'The secondary encapsulation of form components based on ElementPlus realizes data-driven and supports all Form parameters',
example: 'example', example: 'example',
operate: 'Operate', operate: 'operate',
change: 'Change', change: 'Change',
restore: 'Restore', restore: 'Restore',
disabled: 'Disabled', disabled: 'Disabled',

4
src/views/Components/Form/RefForm.vue
View File

@ -214,7 +214,7 @@ const verifyReset = () => {
</script> </script>
<template> <template>
<ContentWrap :title="`refForm${t('formDemo.operate')}`"> <ContentWrap :title="`RefForm ${t('formDemo.operate')}`">
<ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton> <ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton>
<ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton> <ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton>
@ -243,7 +243,7 @@ const verifyReset = () => {
<ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton> <ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton>
<ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton> <ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton>
</ContentWrap> </ContentWrap>
<ContentWrap :title="`refForm${t('formDemo.example')}`"> <ContentWrap :title="`RefForm ${t('formDemo.example')}`">
<Form :schema="schema" ref="formRef" /> <Form :schema="schema" ref="formRef" />
</ContentWrap> </ContentWrap>
</template> </template>

4
src/views/Components/Form/UseFormDemo.vue
View File

@ -221,7 +221,7 @@ const verifyReset = () => {
</script> </script>
<template> <template>
<ContentWrap :title="`useForm${t('formDemo.operate')}`"> <ContentWrap :title="`UseForm ${t('formDemo.operate')}`">
<ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton> <ElButton @click="changeLabelWidth(150)">{{ t('formDemo.change') }} labelWidth</ElButton>
<ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton> <ElButton @click="changeLabelWidth('auto')">{{ t('formDemo.restore') }} labelWidth</ElButton>
@ -250,7 +250,7 @@ const verifyReset = () => {
<ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton> <ElButton @click="formValidation"> {{ t('formDemo.formValidation') }} </ElButton>
<ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton> <ElButton @click="verifyReset"> {{ t('formDemo.verifyReset') }} </ElButton>
</ContentWrap> </ContentWrap>
<ContentWrap :title="`useForm${t('formDemo.example')}`"> <ContentWrap :title="`UseForm ${t('formDemo.example')}`">
<Form :schema="schema" @register="register" /> <Form :schema="schema" @register="register" />
</ContentWrap> </ContentWrap>
</template> </template>