d2-crud-plus行内编辑

最新推荐文章于 2024-06-15 12:43:33 发布

吃范范

最新推荐文章于 2024-06-15 12:43:33 发布

阅读量1.3k

点赞数

分类专栏：代码模块文章标签： vue d2-admin d2-crud-plus 行编辑

本文链接：https://blog.csdn.net/fanhuiixa/article/details/118483982

版权

本文介绍了如何在D2-Admin项目中使用D2-Crud-Plus实现行内编辑功能。首先，详细讲解了在crud.js中配置行内编辑的步骤，接着在index.vue中展示如何整合并应用这些配置，从而实现高效的数据编辑体验。

摘要由CSDN通过智能技术生成

一、 crud.js

import dayjs from 'dayjs'
import { GetDetail } from './api'
import { request } from '@/api/service'
export const crudOptions = (vm) => {
  return {
    rowHandle: {
      // width: 230,
      // dropdown: { // 操作列折叠
      //   atLeast: 1, // 至少几个以上的按钮才会被折叠,注意show=false的按钮也会计算在内（行编辑按钮默认是隐藏的也会占一个位置）
      //   text: '更多', // dropdown按钮文字
      //   type: 'primary',
      //   icon: 'el-icon-more'
      // },
      expandRow: { // 或者直接传true,不显示title，不居中
        title: '展开',
        align: 'center'
      },
      edit: {
        icon: 'el-icon-edit',
        text:'编辑',
        size: 'mini',
        show (index, row) {
          return false
        },
      },
      fixed: 'right'
    },
    options:{
      height: '100%'
    },
    columns: [
      {
        title: '基本标