Property "vaildData" was accessed during 前端报错

Blade 未结

关注举报

 2  322

suuci 剑童 2024-11-22 12:03

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

1. Property "vaildData" was accessed during render but is not defined on instance 报错未定义

2. 系统生成 crud表格出错

3.系统生成crud后，前端访问就报错，我单表有80多个字段，后端接口访问没问题

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

期待正常访问

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

windows bladex boot最新版本

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

fangitem.vue:564 [Vue warn]: Property "vaildData" was accessed during render but is not defined on instance.

at <ElCard class="basic-container__card" >

at <BasicContainer>

at <Fangitem onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >

at <KeepAlive include= [] >

at <RouterView>

at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >

at <RouterView>

at <App>

error.js:12 >>>>>> 错误信息 >>>>>>

error.js:13 render function

error.js:15 >>>>>> Vue 实例 >>>>>>

error.js:16 Proxy(Object) {…}[[Handler]]: Object[[Target]]: Object[[IsRevoked]]: false

error.js:18 >>>>>> Error >>>>>>

error.js:19 TypeError: this.vaildData is not a function

at Proxy.permissionList (fangitem.vue:564:24)

at ReactiveEffect.fn (chunk-LF2Q4WJT.js?v=9144a09f:1662:17)

at ReactiveEffect.run (chunk-LF2Q4WJT.js?v=9144a09f:1457:23)

at get value (chunk-LF2Q4WJT.js?v=9144a09f:1674:111)

at Object.get [as permissionList] (chunk-LF2Q4WJT.js?v=9144a09f:4540:22)

at fangitem.vue:7:29

at renderFnWithContext (chunk-LF2Q4WJT.js?v=9144a09f:2491:13)

at renderSlot (chunk-LF2Q4WJT.js?v=9144a09f:4188:53)

at main.vue:6:7

at renderFnWithContext (chunk-LF2Q4WJT.js?v=9144a09f:2491:13)

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

部分代码

.fangitem_delete{} {} {
    () {
      {
        : {}: {}: : {
          : : : }: []: {
          : : : : : : : : : : [
            {
              : : : [{
                : : : }]
            }{
              : : : [{
                : : : }]
            }

2条回答

suuci

2024-11-22 13:36

这个是咋回事，我代码里面是validData啊，怎么会报vaildData 错。。。

 computed: {
  ...mapGetters(["permission"]),
  permissionList () {
    return {
      addBtn: this.validData(this.permission.notice_add, false),
      viewBtn: this.validData(this.permission.notice_view, false),
      delBtn: this.validData(this.permission.notice_delete, false),
      editBtn: this.validData(this.permission.notice_edit, false)
    };
  },
  ids () {
    let ids = [];
    this.selectionList.forEach(ele => {
      ids.push(ele.id);
    });
    return ids.join(",");
  }

发现问题了，系统生成代码时候，这个代码生成的是：vaildData，这个算BUG吗！！！我这是才从git下载的哦，难道不是最新的？

                                          
          

                                
              
                       
                        作者追问:2024-11-22 15:52
                  
  
  你用的哪个版本，最新版是没有错的，而且最新版两种方法名都支持，不会报错。
最新版模版地址：https://center.javablade.com/blade/BladeX-Tool/src/branch/master/blade-starter-develop/src/main/resources/templates/saber3/crud/crud.vue.btl


                    
            

            
                            
                
              
              
                
                  admin  - BladeX作者 
                
              
                            
                2024-11-22 13:21
              
            
            
                                        vaildData改成validData试试，按理说最新的不会有这个方法呀
                                          
          

                              
            
            
              
              
              0
              
              
                
               讨论(0)
              

                                          
                                                                                              
            
            
              

                

                  
                    评论:
                    
                      
                      
                    
                    提交评论 
                  

                
              
              
              
                
                  
                   加载中...

	computed: {
	...mapGetters(["permission"]),
	permissionList () {
	return {
	addBtn: this.validData(this.permission.notice_add, false),
	viewBtn: this.validData(this.permission.notice_view, false),
	delBtn: this.validData(this.permission.notice_delete, false),
	editBtn: this.validData(this.permission.notice_edit, false)
	};
	},
	ids () {
	let ids = [];
	this.selectionList.forEach(ele => {
	ids.push(ele.id);
	});
	return ids.join(",");
	}