简单表单
el-form[:model=''][label-width='']>(el-form-item[label=''][prop='']*17)*1
单选框
el-radio-group[v-model='']>(el-radio[:label=''])*1
复选框
el-checkbox-group[v-model=''][@change='']>(el-checkbox[v-for='(item,index) in options'][:label='item.label'][:key='index'])*1
日期时间选择 单个时间
el-date-picker[v-model=''][type='datetime'][placeholder='选择日期时间']*1
俩时间
el-date-picker[type="datetimerange"][v-model=''][value-format="yyyy-MM-dd HH:mm:ss"][range-separator="至"][start-placeholder="开始日期"][end-placeholder="结束日期"]*1
输入框
el-input[v-model][placeholder='']*1
多行输入框
el-input[type='textarea'][placeholder=''][v-model=''][:autosize='{minRows: 2,maxRows: 4}']*1
下拉列表
el-select[v-model=''][placeholder='请选择'][clearable]>(el-option[v-for='(item,index) in options'][:key='index'][:label='item.label'][:value='item.value'])*1
表格快速生成 需要序号展示则在el-table-column中增加 type='index' 展开行设置type='expand'
el-table[:data=''][empty-text='暂无数据'][style='width:100%;'][:header-cell-style="{'background-color': '#fafafa','color': 'black'}"]>(el-table-column[align='center'][label='']>template[slot-scope='scope'])*6
vue-element快速开发(vs-code)
最新推荐文章于 2023-01-25 11:45:43 发布