Property "vaildData" was accessed during 前端报错

Blade 未结 2 303
suuci
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条回答
  • 2024-11-22 13:36

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

    computed: {
      ...mapGetters(["permission"]),
      permissionList () {
        return {
          addBtnthis.validData(this.permission.notice_add, false),
          viewBtnthis.validData(this.permission.notice_view, false),
          delBtnthis.validData(this.permission.notice_delete, false),
          editBtnthis.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

    1 讨论(0)
  • 2024-11-22 13:21

    vaildData改成validData试试,按理说最新的不会有这个方法呀

    0 讨论(0)
代码语言
提交回复