通过avue表格自定义组件
背景:avue我的理解是基于vue和element-ui的一个二次封装,开发非常的便捷,代码可读性还是挺不错的,所以向大家推荐一下。1.在Option下的column[{{label: '',prop: 'bottom',span: 24,size: "medium",formslot: true,//将自定义表单设置为truehide: true...
·
背景:
avue我的理解是基于vue和element-ui的一个二次封装,开发非常的便捷,代码可读性还是挺不错的,所以向大家推荐一下。
1.在Option下的column[{
{ label: '', prop: 'bottom', span: 24, size: "medium", formslot: true,//将自定义表单设置为true hide: true },
}]
2.通过组件化
<template slot="bottomForm" slot-scope="scope"> <el-input class="input-with-select" @click.native="" :disabled="true" v-if="form.crudDialogStatus != 'view'" v-model="form.areaName"> </el-input> <el-input class="input-with-select" v-if="form.crudDialogStatus == 'view'" v-model="form.areaName" :disabled="true"> <el-button slot="append" icon="el-icon-search"></el-button> </el-input> </template>
解释:通过option占位后,通过组件的方式进行引入,随后即可自定义所需要的控件,如input 、button等控件。
最近写项目用了avue,刚开始感觉不怎么样,用熟了后还是挺好用的,支持一下,哈哈哈!!!!!!!!!
更多推荐
已为社区贡献2条内容
所有评论(0)