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

Blade 未结 2 204
vb13960
vb13960 剑童 2022-07-11 14:01

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

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

1. 4013cb2fcf637902033ca4c37761e2f.png

2. 

3.


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


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


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


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

2条回答
  • 2022-07-11 22:16

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


    image.png

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

    1657695545885.jpg

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

    0 讨论(0)
  • 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)
提交回复