【vue2+antvx6】报错Cannot read properties of undefined (reading ‘toUpperCase‘)

我的代码是这样的

<el-collapse
          ref="collapse"
          v-model="active"
          accordion
          class="collapseStart"
          @change="collapsechange"
        >
          <el-collapse-item
            :name="String(index + 1)"
            v-for="(i, index) in List"
            :key="index"
            style="margin: 5px 0"
          >
            <template slot="title">
              <div class="collapse-title">
                <div>{{ i.parameter_name }}</div>
                <div class="collapse-title-right">
                  <el-button
                    type="text"
                    class="el-icon-remove-outline ico"
                    style="color: #000"
                    @click.stop="dele(index)"
                  ></el-button>
                </div>
              </div>
            </template>
            <div>
              <el-form
                class="startform"
                ref="form"
                :model="i"
                label-position="top"
                label-width="80px"
              >
                <el-form-item label="参数名">
                  <el-input
                    @input="input"
                    v-model="i.parameter_name"
                    size="mini"
                    show-word-limit
                    maxlength="20"
                    placeholder="输入参数名"
                  ></el-input>
                </el-form-item>
              </el-form>
            </div>
          </el-collapse-item>
        </el-collapse>

我发现只要在表单中使用i.parameter_name这样的形式,就会出现这样的问题。

出现问题的位置在node_modules/@antv/x6-common/es/dom/text.js

然后我打印node发现是我表单的label

所以获取node.tagName的时候也就是undefined,undefined是不能使用toUpperCase()的,所以我改变了一下判断条件

改完还是报错,报错

那我就检查node是什么类型,发现检测不出来,那我就改成下面这样的

之后发现虽然不报错了,但是我的label不显示了 ,那我就想判断是不是中文,要是中文就把needEmpty改为false,但是text.js里面正则不能用,老是报错,我就只能出此下策了(别学我,我这只是为了功能正常而已,求有大佬告知我怎么改)。

相关推荐

  1. vue2 + antvx6 实现流程图功能

    2024-03-31 16:28:03       9 阅读
  2. vue2使用elementUI

    2024-03-31 16:28:03       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-31 16:28:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-31 16:28:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-31 16:28:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-31 16:28:03       20 阅读

热门阅读

  1. springboot3.2.4+Mybatis-plus在graalvm21环境下打包exe

    2024-03-31 16:28:03       17 阅读
  2. nginx 常用功能

    2024-03-31 16:28:03       15 阅读
  3. 蓝桥杯2014年第十三届省赛真题-武功秘籍

    2024-03-31 16:28:03       22 阅读
  4. Nginx配置文件解释

    2024-03-31 16:28:03       14 阅读
  5. 数据结构 第6章 图(一轮习题总结)

    2024-03-31 16:28:03       11 阅读
  6. 嵌入式开发中观察者模式实现

    2024-03-31 16:28:03       18 阅读
  7. 简化数据迁移:API接口的应用

    2024-03-31 16:28:03       18 阅读
  8. PostCSS安装与基本使用

    2024-03-31 16:28:03       19 阅读
  9. 自然语言处理:大模型LLM论文整理

    2024-03-31 16:28:03       16 阅读