想问一下有没有框架前端的介绍文档

一、该问题的重现步骤是什么？

像这些字段属性啥都被封装或者说跟之前写法都不一样想问一下有稍微详细点的文档嘛

二、你期待的结果是什么？实际看到的又是什么？

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。

2条回答

admin - BladeX作者

2022-07-11 22:16

https://avuejs.com/views/doc.html

作者追问:2022-07-13 15:02

1657695545885.jpg
老哥这个nan是啥意思啊我在字典里配置过了没懂这个nan

0 讨论(0)
评论:

提交评论
- 加载中...
z1030427569

2022-07-13 18:01

<avue-crud :option="option" //表格配置属性
:table-loading="loading" //表格等待框的控制，加载的时候转圈圈，设置true/false
:search.sync="search" //搜索的变量(需要sync修饰符)
:visible.sync="changeInfo" //是否显示，设置true/false
:data="data" //表格显示的数据
:page.sync="page" //表格分页配置选项(需要sync修饰符)
:permission="permissionList" //权限控制
:before-open="beforeOpen" //打开前的回调function(file,column)
v-model="form" //数据模型用来存取页面值的
ref="crud" //在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；
@cell-click="pageto" //表格点击运行方法 onclick方法定义
@row-update="rowUpdate"
@row-save="rowSave" //新增数据后点击确定触发该事件
@row-del="rowDel" //行数据删除时触发该事件
@row-click="handleRowClick" //单击行运行的方法
:row-style="rowStyle" // function，回调column参数
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@current-change="currentChange" //点击页码会调用current-change方法回调当前页
// 数，返回当前第几页
@size-change="sizeChange" //点击每页多少条会调size-change方法回调
@refresh-change="refreshChange" //点击刷新按钮触发该事件
@on-load="onLoad"> //打开表格页面的方法，一般用来初始化，返回页面数据
option: {
height:'auto', //表格高度
emptyText: "暂无数据哦~",//数据为空的提示
calcHeight: 30, //表格高度差（主要用于减去其他部分让表格高度自适应）
tip: false,
searchShow: true, //首次加载是否显示搜索
searchMenuSpan: 4, //搜索按钮长度
searchSpan:6, //搜索框长度最大长度24
border: true, //表格边框是否显示
index: true, //是否显示序号
viewBtn: true, //是否显示查看按钮
selection: true,
dialogClickModal: false,
addBtn:false, //是否显示添加按钮
editBtn:false, //是否显示编辑按钮
delBtn:false, //是否显示删除按钮
excelBtn:false, //表格导出按钮是否显示
labelWidth:120, //表单前面的标题长度
refreshBtn: false, //表格上面小的刷新按钮
columnBtn: false, //表格上面小的列表按钮
searchBtn: false, //表格上面小的搜索按钮
menu: true, //是否显示操作栏
defaultExpandAll:true, //树默认展开
column:[
{
label: "狩猎方法",
prop: "way",
type: "input", //输入框类型
addDisplay: false, //新增时是否显示
editDisplay: false, //编辑时是否显示
viewDisplay: true, //详情时是否显示
hide: true, //表单查询时是否显示
display: true, //在查看，新增，编辑页面是否显示
span: 24, //24一条数据占一行，8一行3条数据
addDisabled: true, //添加的时候不能修改
editDisabled: true, //编辑的时候不能修改
sortable:true, //排序方式切换，倒序、正序切换
maxlength: 30, //字数限制
showWordLimit:true, //显示字数限制
defaultExpandAll:true, //树默认展开
search：true, //查询是否显示
searchFilterable:true, //select选择框匹配
showColumn:false, //列显隐中是否有
},
{
labelWidth: 0,
label: '',
prop: 'info',
span: 24,
addDisplay: false,
hide: true,
formslot: true, //加一个插槽子表可以放这里
},
{
label: "当前完成进度",
prop: "completePer",
formatter: (row, value) => { //拼接字符串的用法 formatter
return value + '%'
},
addDisplay: false,
editDisplay: true,
formslot: true,
},
]

0 讨论(0)
评论:

提交评论
- 加载中...

想问一下有没有框架前端的介绍文档

作者追问:2022-07-13 15:02