vxe-form table 表单实现简历模板

  • vxe-form table 表单实现简历模板已关闭评论
  • 23 次浏览
  • A+
所属分类:Web前端
摘要

官网:https://vxeui.comhttps://gitee.com/x-extends/vxe-pc-ui

官网:https://vxeui.com

vxe-form table 表单实现简历模板

<template>   <div>     <vxe-form v-bind="formOptions"></vxe-form>   </div> </template>  <script> export default {   data () {     const formOptions = {       border: true,       titleBackground: false,       verticalAlign: 'center',       titleWidth: 100,       data: {         name: 'test1',         nickname: 'Testing',         sex: '女',         age: '22',         mobile: '',         professionalSkill: '',         educationExperience: '',         workExperience: '',         projectExperience: '',         selfEvaluation: ''       },       items: [         { title: '个人简历', field: 'name', span: 24, titleAlign: 'center', showContent: false, titleBold: true },         { field: 'name', title: '名称', span: 12, itemRender: { name: 'VxeInput' } },         { field: 'sex', title: '性别', span: 12, itemRender: { name: 'VxeInput' } },         { field: 'age', title: '年龄', span: 12, itemRender: { name: 'VxeNumberInput', props: { type: 'integer' } } },         { field: 'mobile', title: '联系电话', span: 12, itemRender: { name: 'VxeInput', props: { type: 'integer' } } },         { field: 'educationExperience', title: '教育经历', span: 24, vertical: true, itemRender: { name: 'VxeTextarea', props: { autosize: { minRows: 2, maxRows: 8 } } } },         { field: 'professionalSkill', title: '专业技能', span: 24, vertical: true, itemRender: { name: 'VxeTextarea', props: { autosize: { minRows: 4, maxRows: 8 } } } },         { field: 'workExperience', title: '工作经历', span: 24, vertical: true, itemRender: { name: 'VxeTextarea', props: { autosize: { minRows: 4, maxRows: 8 } } } },         { field: 'projectExperience', title: '项目经验', span: 24, vertical: true, itemRender: { name: 'VxeTextarea', props: { autosize: { minRows: 4, maxRows: 8 } } } },         { field: 'selfEvaluation', title: '自我评价', span: 24, vertical: true, itemRender: { name: 'VxeTextarea', props: { autosize: { minRows: 4, maxRows: 8 } } } },         {           align: 'center',           span: 24,           itemRender: {             name: 'VxeButtonGroup',             options: [               { type: 'submit', content: '提交', status: 'primary' },               { type: 'reset', content: '重置' }             ]           }         }       ]     }     return {       formOptions     }   } } </script> 

https://gitee.com/x-extends/vxe-pc-ui