vue中使用jeecg进行前后端联调方式

目录

• vue使用jeecg进行前后端联调
• vue jeecg表格对数据的处理自定义

vue使用jeecg进行前后端联调

最近项目中总是用jeecg来进行系统管理端的操作，因为jeecg可以根据账号直接分配权限。

但是使用jeecg需要前后端服务同时起，不然登录不进去，在自己电脑上同时起前后端没问题，但是和后端联调的时候，总是连不上，后来发现是有两个地方需要改地址。

一个是vue.config.js

还有一个是env.development

两个地方都改掉之后，就可以访问到后端了

vue jeecg表格对数据的处理自定义

// 表头
columns: [
   ...
    {
        title: '商品图片',
        align: "center",
        dataIndex: 'coverImgLocal',
        scopedSlots: { customRender: 'picture' }
    },
    {
        title: '商品名称',
        align: "center",
        dataIndex: 'name',
        ellipsis: true,
    },
   ...
    {
        title: '价格类型',
        align: "center",
        dataIndex: 'priceType',
        customRender: (text) => {
            if (text == '1') {
                return '一口价';
            } else if (text == '2') {
                return '价格区间';
            } else if (text == '3') {
                return '显示折扣价';
            }
        }
    },
    {
        title: '价格(元)',
        align: "center",
        dataIndex: '',
        scopedSlots: { customRender: 'price' }
    },
    ....
    {
        title: '操作',
        dataIndex: 'action',
        align: "center",
        scopedSlots: {customRender: 'action'},
    }
],

 
        
          
          

              失效
              
              
                提交审核
                修改
              
            
              
                撤回审核
                查看
              
          
          
          

            生效
            
              
                修改
              
          
        
        
          
            {{record.price}}
          
          
            {{record.price}} - {{record.price2}}
          
          
            {{record.price}}(原价)       {{record.price2}}(现价)
          
        
        

          
        
      

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。