vue-element快速开发(vs-code)

简单表单
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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值